1.HTML是一种标记语言
2.非成对出现的标签
<hr/> 横线
3.DOCTYPE 文档类型声明，非标签
4.当网页显示出现乱码时
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
注：
http-equiv：文档类型
content：内容是html文件，编码格式是utf-8
5.常用标签
<h1></h1>标题
<p></p> 段落
<br/> 换行
空格
<pre></pre> 预格式化标签(标签内输入什么就是什么)
修饰标签
<i>斜体</i> <em>斜体</em>
<b>加粗</b> <strong>加粗</strong>
<sup>开放标签</sup>
<sub>闭合标签</sub>
特殊符号
列表标签：
<ul type="disc">//圆心
<li>无序列表</li>
<li>无序列表</li>
</ul>
<ul type="square">//方块
<li>无序列表</li>
<li>无序列表</li>
</ul>
<ul type="circle">//圆形空心
<li>无序列表</li>
<li>无序列表</li>
</ul>
小技巧：按住Ctrl键，可以多选标签后，一起加属性等操作。
有序列表：
<ol type="1">
<li>yuanzi</li>
<li>yuanzi</li>
</ol>
<ol type="a">
<li>yuanzi</li>
<li>yuanzi</li>
</ol>
<ol type="A">
<li>yuanzi</li>
<li>yuanzi</li>
</ol>
<ol type="i">
<li>yuanzi</li>
<li>yuanzi</li>
</ol>
<ol type="I">
<li>yuanzi</li>
<li>yuanzi</li>
</ol>
列表标签：
<dl>
<dt>什么是美女</dt>
<dd>魔鬼身材</dd>
<dd>温柔婉约</dd>
<dt>什么是型男</dt>
<dd>壮硕伟岸</dd>
<dd>剑眉星目</dd>
</dl>
终极利器，查看网站源码：F12
6.图像
6.1路径
绝对路径：从盘符开始
相对路径：
同一级：直接名字调用
上一级：../名字
下一级：目录名/名字
<img src="html.png" alt="html基础" width="50px" height="80px">
6.2超链接
站内链接：
<a href="hah.html">
<img src="html.png" alt="html基础" width="50px" height="80px">
</a>
站外链接：
<a href="https://www.baidu.com/">
<img src="html.png" alt="html基础" width="50px" height="80px">
</a>
空链接：
<a href="#">
<img src="html.png" alt="html基础" width="50px" height="80px">
</a>
超链接属性
// 当前页面打开链接
<a href="https://www.baidu.com/" target="_self">
<img src="html.png" alt="html基础" width="50px" height="80px">
</a>
// 新建页面打开链接
<a href="https://www.baidu.com/" target="_blank">
<img src="html.png" alt="html基础" width="50px" height="80px">
</a>
// title:链接提示文本
// 锚
定义锚的名称和位置：
<a href="https://www.baidu.com/" target="_blank" name="fistmao">
<img src="html.png" alt="html基础" width="50px" height="80px">
</a>
使用锚：
同一页面：
<a href="#fistmao"></a>
不同页面：
<a href="haha.html#fistmao"></a>
// 邮件
<a href="mailto:394949@qq.com">反馈意见</a>
// 文件下载
<a href="img.rar">文件下载</a>
网友评论