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>