1.font简介 标签:文字内容 作用:格式化文本 贴士:(1)只能控制字体集(Helvetica,Arial),大小和颜色 (2)最好别用font标签,因为在HTML5中font已被列入没有意义的标签,可以通过css使用font标签。
代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <font size="17">aaaaa</font> <!-- face --> <font face="Helvetica"> bbb</font> <!--color--> <font color="red">cccc</font> <!--16进制表示法调色--> <font color="#d8d8d8">dddd</font> <!--rgb表示法调色--> <font color="rgb(168,178,188)">dddd</font> </body> </html>结果: 2.HTML链接 标签: 作用:文档内部锚点,跳转到外部文档,下载资源 属性:href,target(href是超文本引用,是Hypertext Reference的缩写) 贴士:(1)禁止跳转 (2)去掉下划线
代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>链接</title> <style> .content { <!--设置这行大小,与后面的content匹配--> height:800px; } /*设置标签颜色以及装饰*/ a { color:#333333; text-decoration: none; } /*使得访问过的链接不变色*/ a:visited { color:#333333; } </style> </head> <body> <!--打开一个新的页面,a标签定义超链接,用于从一张页面链接到另一张页面--> <a href="http://www.imooc.com/" target="_blank">慕课网-新窗口</a> </br> <!--在自身页面打开网址--> <a href="http://www.imooc.com/" target="_self">慕课网-本窗口</a> </br> <!--跳转到id等于titleThird处,并且页面路径也发生变化--> <a href="#titleThird">页面内锚点</a> </br> <!--创建一个无效链接也就是死链实现禁止跳转功能--> <a href="javascript:void(0);">随便你点 能跳走算我输……</a> </br> <div class="content">一堆内容</div> </br> <!--这里id=titleThird只能写一次--> <h3 id="titleThird">咳咳 第三章</h3> </body> </html>