慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

龙腾617

使用<a>标签，链接到别一个页面使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如： <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。 title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好），如右侧案例代码（8-12行）。注意：还有一个有趣的现象不知道小伙伴们发现了没有，只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没有关系后面我们学习了css样子就可以设置过来（a{color:#000}),后面会详细讲解

查看全部

0 采集收起
2018-03-22
卫斯理2014

这个例子很形象。。。

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2014-11-16
happyangle

2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。

查看全部

0 采集收起
2018-03-22
FreeGloye

target="_blank"超链接标记中在新窗口打开

查看全部

0 采集收起
2018-03-22
FreeGloye

摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法：<table summary="表格简介文本"> 用以描述表格内容，标题的显示位置：表格上方。 <table> <caption>标题文本</caption>

查看全部

0 采集收起
2018-03-22
FreeGloye

创建表格的四个元素： table、tbody、tr、th、td 1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。 4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。 5、<th>…</th>：表格的头部的一个单元格，表格表头。 6、表格中列的个数，取决于一行中数据单元格的个数

查看全部

0 采集收起
2018-03-22
happyangle

<hr/>标签可以用来添加水平横线，使文章看起来更有层次感。注意： 1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
USAGI

常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
FreeGloye

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。division

查看全部

0 采集收起
2018-03-22
bob0719

div{display:inline;} 内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。解决行内元素间隙bug问题行内元素之间会产生间隙bug问题的场景： 1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。解决方法： 1、写在一行，之间不要有空格之类的符号。 2、使用font-size:0

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2014-11-16
FreeGloye

<ol> <li>信息</li> <li>信息</li> ...... </ol> 有序数列 ol即ordered list，li即list item

查看全部

0 采集收起
2018-03-22
FreeGloye

<ul> <li>信息</li> <li>信息</li> ...... </ul> ul-li是没有前后顺序的信息列表。 ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点。

查看全部

0 采集收起
2018-03-22
FreeGloye

<pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。空格和换行符HTML语音中分别为 和<br/>

查看全部

0 采集收起
2018-03-22
FreeGloye

<code>代码语言</code>单行代码如果是多行代码，可以使用<pre>标签。

查看全部

0 采集收起
2018-03-22
FreeGloye

你回入code标签后，可以给code标签来设置样式，这样代码与其它的文本可以区别开，还有一个问题，你可以会问那如果只为了设置不同的样式，那可以使用span标签啊，对的，使用code标签，不指是为代码设置不同的样式，主要还是为了语议化：为了让搜索引擎知道这一段是代码。还可以让屏幕阅读器知道这一段是代码。转于purple

查看全部

0 采集收起
2014-11-16

首页上一页 27656 27657 27658 27659 27660 27661 27662 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。