1、链接标签 <a> : 超链接可以是一个字、一个词、或者一组词,也可以是一张图片,点击这些内容来跳转到新的文档或者当前文档中的某个部分。
链接属性
href : 描述链接的地址。一般链接会以下面的形式出现在浏览器中(后期将使用css样式修改掉这些效果):
(1)一个未访问过的链接显示为蓝色字体并带有下划线。
(2)访问过的链接显示为紫色并带有下划线。
(3)链接点击时,链接显示为红色并带有下划线。
2、文本标签(文本标签和段落标签是不同的。文本一般表示文本词汇,段落代表一段文本)
(1)<em> 标签 : 定义着重文字
(2) <b> 标签 : 定义粗体文字
(3)<i> 标签 : 定义斜体字
(4) <strong> 标签 : 定义加重语气
(5) <del> 标签 : 定义删除字
(6) <span> 标签 : 元素没有特别的定义
3、有序列表标签 < ol > : 列表项目使用数字进行标记。 每个列表项始于 <li> 标签。有序列表可嵌套使用。
< ol > 的type属性所拥有的选项
(1)1 表示列表项目用数字标号(1,2,3.....)
(2) a 表示列表项目用小写字母标号(a,b,c.....)
(3)A 表示列表项目用大写字母标号(A,B,C.....)
(4) i 表示列表项目用小写罗马数字标号(i,ii,iii.....)
(5) I 表示列表项目用大写罗马数字标号(I,II,III.....)
4、无序列表标签 < ul > : 列表项目使用粗体原点进行标记。每个列表项始于 <li> 标签。无序列表亦可嵌套使用。
< ul > 的type属性所拥有的选项
(1)disc : 默认实心圆
(2)circle : 空心圆
(3)square : 小方块
(4)none : 不显示
生成ul + li 的快捷键: ul>li*3(数字可根据需求进行修改)
5、表格标签 : 用来生成表格
(1)表格:<table> 、 行:<tr> 单元格(列):<td>
生成表格标签的快捷键: table>tr*2>td*2 (数字可根据需求进行修改)
(2)合并表格: 水平合并:colspan 、 垂直合并:rowspan。
6、表单标签 <form> : 在网页中用来给用户填写信息,从而能采取用户信息,使网页具有交互功能。表单由表单标签,表单域和表单按钮三部分组成。
(1)action属性 : 服务器地址
(2) name属性 : 表单名称
(3)method中get和post的区别: 一是数据提交方式不同。get把提交的数据URL可以看见,post看不见。二是get一般用于提交少量数据了,post用来提交大量数据。
7、块元素与行内元素(内联元素)
(1)两者的区别
块级元素 | 行内元素 |
在页面中独占一行(自上而下垂直排列) | 只占自身大小 |
可以设置width、height属性 | 只能设置width属性,height属性无效 |
可以包含行内元素和其他块级元素 | 包含行内元素,不包含块级元素 |
(2)常见块级元素:div、form、h1~h6、p、table等
(3)常见内联元素: a、b、em、span等
(4)行内块级元素(不换行,能识别宽高): button、img、input等
8、h5新标签:
(1)<header> 头部
(2)<nav> 导航
(3)<section> 定义文档中的节。比如章节,页眉,页脚
(4)<aside> 侧边栏
(5)<footer> 脚步
(6)<article> 代表一个独立的、完整的相关内容块。例如一篇博客文章,一个用户评论等