1、font 字体标签
规定文本的大小、字体和颜色
实例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>font字体标签</title>
</head>
<body>
<font size="3" color="blue" face="宋体">我是覃仔</font>
<br/>
<font size="2" color="red" face="黑体">我是覃仔</font>
<br/>
<font size="verdana" color="green" face="楷体">我是覃仔</font>
</body>
</html>
color属性修改颜色
face属性修改字体
size属性修改文本大小
浏览器支持
Internet Explorer Firefox Opera Google Chrome Safari
所有主流浏览器都支持 <font>
标签。
HTML5 不支持 <font>
标签,请用 CSS 代替。
2、特殊字符
在 HTML 中,某些字符是预留的。因为在HTML中某些字符比如小于号(<)或者 大于号(>),这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体。
常用特殊字符表:
其他特殊字符表:
<!-- 特殊字符
常用的特殊字符转换:
< ===>>>> <
> ===>>>> >
空格 ===>>>>
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>特殊字符</title>
</head>
<body>
大家好<br>我是覃仔<br/>
覃仔 nbsp; 好帅啊!
</body>
</html>
3、标题标签
标题是通过 <h1> to <h6>
标签进行定义的
<!-- 标题标签
align 属性是对齐属性
left 左对齐(默认)
center 剧中
right 右对齐
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题标签</title>
</head>
<body>
<h1 align="left">标题1</h1>
<h2 align="center">标题2</h2>
<h3 align="right">标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<h7>标题7</h7>
</body>
</html>
4、超链接标签(重点,必须掌握)
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
HTML使用标签 <a>
来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
在标签<a>
中使用了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
- 一个未访问过的链接显示为蓝色字体并带有下划线
- 访问过的链接显示为紫色并带上下划线
- 点击链接时,链接显示为红色并带上下划线
<!-- a标签是 超链接
href属性设置连接的地址
target属性设置哪个目标进行跳转
_self 表示当前页面(默认值)
_blank 表示打开新页面来进行跳转
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超链接</title>
</head>
<body>
<a href="http://localhost:8080">百度</a><br/>
<a href="http://localhost:8080" target="_self">百度_self</a><br/>
<a href="http://localhost:8080" target="_blank">百度_blank</a><br/>
</body>
</html>