HTML实例
<!DOCTYPE html>
<!-- 注:<!DOCTYPE>标签没有结束标签! -->
<html><!-- 元素是 HTML 页面的根元素 -->
<head><!-- (头部部分) -->
<meta charset="utf-8">
<title>显示在浏览器标题栏中的标题</title>
</head>
<body><!-- (主体部分) -->
<!-- (页面内容)元素包含了可见的页面内容 -->
<h1>aaaa</h1>
<h2>aaaa</h2>
<h3>aaaa</h3>
<h4>aaaa</h4>
<h5>aaaa</h5>
<h6>aaaa</h6>
<p>wwww</p>
</body>
</html>
HTML 标签具有语义化
– 语义化:就是仅通过标签名就能判断出该标签的内容。
– 语义化的作用
• 网页结构层次更清晰。
• 更容易被搜索引擎收录。
• 更容易让屏幕阅读器读出网页内容。
什么是HTML?
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言,而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML文档也叫做 web 页面
HTML 的标签(元素)
(一)文本标签
1、标题标签<Hn></Hn>n取1~6(设置文字标题):
1)<H1>一级标题</H1>
2)<H2>二级标题</H2>
3)<H3>三级标题</H3>
4)<H4>四级标题</H4>
5)<H5>五级标题</H5>
6)<H6>六级标题</H6>
2、段落标签 <p></p>
<p align="left”左对齐)/"right”右对齐)/ "center”居中)>(段落的对其方式)
3、强调语句标签 <em></em>
用于强调某些文字的重要性
4、更加强调标签 <strong></strong>
和 <em>标签一样,用于强调文本,但它强调的程度更强一些
5、无语义标签 <span></span>
<span>标签是没有语义
6、短文本引用标签 <q></q>