1 HTML介绍
１.1 Hyper text markup language
HTML全名为超文本标记语言，这里的超文本指的是超链接。
1.2 Html的标准结构
<!doctype html> 声明文档类型
<html> HTML根标签
<head> 头标签
<title></title> 标题标签
</head>
<body> 主题标签
...
</body>
</html>
2 标签介绍
2.1 段落标签
1 注释标签
<!--我是一个注释-->
2 换行标签
段落1<br/>
段落2
3 水平线标签
我是很长的句子<hr/>
4 文本标签
<p>我是一个段落</p>
<p>和<br/>标签的不同是：<p>标签自动换行，并生成空白行而<br/>不会生成空白行。
5 标题标签
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
效果：
2.2 文本标签
1 文本标签
<font>文本内容</font>
size 字体大小
color 字体颜色
<font size=“6” color="red">我是一句话</font>
2 文本加粗标签
<strong></strong>，<b></b>
尽量使用<strong>
3 文本倾斜标签
<em></em>、<i></i>
尽量使用<em>
4 删除线标签
<del></del> <s></s>
工作里尽量使用del
正常文本<br/>
5 下划线标签
<ins></ins> <u></u>
工作中尽量使用<ins>
6 上标和下标
<sup></sup>表示字体上标，<sub></sub>表示字体下标。
2.3 普通标签
1 图片标签
<img src="" title="" width="" heigth="" />
Src 图片的来源 必写属性
Alt 替换文本 图片不显示的时候显示的文字
Title 提示文本 鼠标放到图片上显示的文字
Width 图片宽度
Height 图片高度
如果图片没有定义宽高时，则自动等比缩放。
2 超链接
<a href="" title="" target="">我是一个超链接</a>
href 超链接的目标地址
title 提示文本
target 超链接的打开方式
target=”_self” 默认值 在自身页面打开（关闭自身页面，打开链接页面）
Target=”_blank” 打开新页面（自身页面不关闭，打开一个新的链接页面）
优化写法：在<head></head>标签中写入<base target=""/>可以全局设置打开方式。
超链接可以用以定位：
1.先定义一个锚点
2.超链接到锚点
3 列表
1 无序列表
<ul type="circle">
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
</ul>
type="square" 小方块
type="disc" 实心小圆圈
type="circle" 空心小圆圈
2 有序列表
<ol type="1" start="1">
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表3</li>
</ol>
type=”1,a,A,i,I” type的值可以为1,a,A,i,I
start=”3” 决定了开始的位置。
3 自定义列表
<dl>
<dt></dt>小标题
<dd></dd>解释标题
<dd></dd>
<dd></dd>
</dl>
版权声明：本文为CSDN博主「草木冬」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/evil_magician/article/details/80057022
原文：https://www.cnblogs.com/SLE0/p/11454144.html