一、 什么是HTML
HTML是用来描述网页的一种语言,被称为超文本标记语言。
1.1 HTML语法规范
(1)HTML标签是用一对尖括号"<"和">"括起来的单词或单词缩写
(2)大多数标签都是成对出现的,由开始标签和结束标签组成,其格式为:
<标签>受标签影响的内容</标签> |
(3)标签中也有不用</标签>结尾的,例如换行标签<br>
1.2 HTML基本骨架标签
HTML5骨架结构为:
<!DOCTYPE html>
<html lang="en">
<head>
<title>网页标题</title>
</head>
<body>
网页主体的内容
</body>
</html>
注:一般HTML文档中打出英文的感叹号,再按回车键可直接出现骨架结构。
1.3 段落、换行、水平线标签
段落:<p>文字</p>
<p>我是段落标签</p>
换行:<br>
注:两个换行标签相当于一个段落标签。
<!DOCTYPE html>
<html>
<head>
<title>br换行标签</title>
</head>
<body>
<h2>联系方式</h2>
QQ:12345678<br>
微信:87654321<br><br>
电话:66668888<br>
联系人:张三
</body>
</html>
运行结果如下:
联系方式
QQ:12345678
微信:87654321
电话:66668888
联系人:张三
水平线:<hr>
<hr>标签常用属性
属性 | 描述 |
align | 水平线对齐方式,有三种选择(left,right,center),默认center |
size | 水平线粗细,默认2像素 |
color | 水平线颜色 |
width | 水平线宽度,默认100% |
<hr align="left|right|center" size="横线粗细" width="横线长度" color="横线颜色">
1.4 文本标签
编辑文本常用的标签:加粗、倾斜、删除线、下划线、标题
<!DOCTYPE html>
<html>
<head>
<title>标签</title>
</head>
<body>
<p align="center"><b> 我是粗体文本 </b></p>
<p align="center"><strong> 我也是粗体文本 </strong></p>
<p align="center"><i> 我是斜体文本 </i></p>
<p align="center"><em> 我也是斜体文本 </em></p>
<p align="center"><s> 我是加删除线文本 </s></p>
<p align="center"><del> 我也是加删除线文本 </del></p>
<p align="center"><u> 我是加下划线文本 </u></p>
<p align="center"><ins> 我也是加下划线文本 </ins></p>
</body>
</html>
运行代码如下:
标题标签
<h1> 一级标签 </h1>
<h2> 二级标签 </h2>
<h3> 三级标签 </h3>
<h4> 四级标签 </h4>
<h5> 五级标签 </h5>
<h6> 六级标签 </h6>
运行结果如下:
注:h&*6 可直接得出一~六级标签