HTML标签
- a标签
a标签是一个超链接标签,用于从一个页面链接到另一个页面。在《Web前端入门学习(1)》有提到过4个伪类,分别是a:link、a:visited、a:hover、a:active。
a:link代表的是未访问过的链接,当访问者首次打开网页未点击链接时,所表现的形式;
a:visited代表的是访问过的链接,相对于link,是访问者点击了连接后,所表现的形式;
a:hover代表的是当鼠标经过链接上面时所表现的形式,鼠标经过后,链接会有所变化;
a:active代表的是当用户点击链接的那一刻,所表现的形式。
注意:这4个伪类的使用,有一个先后顺序,并不是随便写就可以的。这里规定,a:hover必须写在a:link、a:visited后面,而a:active必须写在a:hover后面。
href属性用于规定链接的目标URL,即链接地址。
如<a href="http://cherry360.blog.51cto.com/">小倩加油站
链接打开方式默认是在本窗口打开,如果想在新窗口打开链接,可以加个target属性:
如<a href="http://cherry360.blog.51cto.com/" target="_blank">小倩加油站
- span标签
span标签是用于对文档中的行内元素进行组合,该标签没有固定的格式表现。当对它应用CSS样式时,才会产生视觉上的变化。如果不对<span>应用样式,那么该元素中的文本与其他文本不会有任何视觉上的差异。<span>标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
- 标题标签
标题标签有h1~h6,如
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>我是标题1</h1> <h2>我是标题1</h2> <h3>我是标题1</h3> <h4>我是标题1</h4> <h5>我是标题1</h5> <h6>我是标题1</h6> <h7>我不再是标题,而是浏览器默认字体~~</h7> </body> </html>
注意:当超出h6之后,标题标签不存在,字体显示跟所打开的浏览器默认字体一致了。
4.其他常用标签:
段落标签:<p>我是段落</p>
重要文本:<strong>加强</strong>
强调文本:<em>强调</em>
.....
还有很多标签,详见:http://www.runoob.com/tags/html-reference.html
5.HTML5新增标签
header:定义文档或文档的一部分区域的页眉。
nav:定义导航链接。
section:定义文档某个区域。
footer:定义文档或文档的一部分区域的页脚。
article:定义独立内容。内容本身必须有意义而且是独立于文档的其他部分。
aside:定义<aritcle>标签外的内容,内容与附近的内容有关。
time:定义公历时间或日期。
mark:定义带有记号的文本,为了突出显示文本。
img(跟a链接一样,是一个单标签):定义HTML页面的图像,有两个必要属性:src和alt。