html -->html全称 hyperText markup language
一.基本标签
1.根标签
<html>
代码写在根标签里面
</html>
- <html lang = "en"> 告诉浏览器这是关于什么的网页
2.结构标签
<head></head>----给浏览器识别用
<body></body>----给用户使用
3.单标签1
<meta>
Tips:标签中可以添加属性,属性分为属性名和属性值
例:<meta charset = "utf-8"> 放在head下浏览器就可以识别中文
编码字符集:utf-8, gb2312, gbk, unicode, utf-8(unicode的升级版)
4.title
头文案 <title></tltle>放在head中
可替换该位置的名称
5.p标签
<p></p> 段落标签 换行
6.标题标签
<h1></h1>
只能到6标签,没有7,h4标签和正常文字大小相同
效果:
7.加粗标签
<strong> </strong>
8.斜体标签
<em></em>
9.标签
<address></adress> 不常用的标签
功能:成段+斜体
10.盒子标签
<span></span>非独占一行
<div></div>独占一行
功能:将功能相同的放在同一个盒子中,集体操作
11.换行标签
<br>单标签
功能:换行
12.水平线标签
<hr>单标签
13.有序列表标签
1.
<ol>
<li></li>
<li></li>
<li></li>
</ol>
成对成组出现
例:
效果:
2.可以添加属性
<ol type = "a/ A/ I/ i/ 1"> 按照属性排序
<ol reversed = "reversed"> 逆序排序
<ol type = "1" start = "5"> 从第5位开始排序
14.无序列表标签
<ul>
<li></li>
</ul>
1.可以添加属性
15.图像标签
1. <img src="">
src中可以有3种格式
1.网上的url
2.本地的绝对路径
3.本地的相对路径
2.图片占位符alt
<img src="" alt=""> 图片显示不出来,显示的文字
3.图片提示符title
<img src="" alt="" title="">
16.a标签
a标签的4个作用
1.链接
<a herf = "网址地址">用户看的信息</a>
herf----> hypertext reference
2.锚点
<div id="only" style=""></div>
<a herf = "#only"></a>
3.协议限定符
<a herf = "javascript :while(1){alert ('asd')}">sdadda</a>
4.发邮件和打电话
<a herf = "mailto:2466959245@qq.com">发邮件</a>
<a herf = "phoneto:123456789">商家电话</a>
17.表格标签(不常用)table
格式:
效果:
不常用原因:当table里面的东西全部下载完了之后统一显示
17.
二.html 编码
1.  空格编码
2.<-----'<',>------'>'