Web前端入门教学（二）
一、常用标签
1.1、单标签
注释标签：<!--注释-->
换行标签：<br>或<br/>
水平线标签：<hr>或<hr/>
图片标签：<img>或<img/>
src：图片的来源（必写属性）
alt：替换文本，图片不显示的时候显示的文字（重要性：1.SEO
优化2.盲人阅读需求）
title：提示文本，鼠标放到图片上显示的文字
width：图片宽度
height：图片高度
PS：图片没有定义宽高的时候，图片按照百分之百比例显示，如
果只更改图片的宽度或者高度，图片等比例缩放
输入框：<input>或<input/>
∙外部资源链接：<link href="example.css"rel="stylesheet">
1.2、双标签
∙段落标签：<p></p>
一般用作一段段的文字。上下自动生成空白行。br换行不会生成
空白行。
∙标题标签：
<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>
h1在一个页面里最好只出现一次。（作用是：便于SEO搜索引
擎优化）
∙文本加粗：<strong></strong>或者<b></b>
工作里尽量使用strong，对于盲人来说strong有语义强调的功
能。
∙文本倾斜：<em></em><i></i><!--工作里尽量使用em，原因同strong-->∙删除线标签：<del></del><s></s><!--工作里尽量使用del-->
∙下划线标签：<ins></ins><u></u><!--工作里尽量ins-->
二、超链接
<a href=""title=""target="">填写内容</a>
href：超链接指向的url地址。（跳转的页面，必写属性
title：提示文本，鼠标放到链接上显示的文字
target="_self"（默认值），在自身页面打开（关闭自身页面，打开
链接页面）
target=”_blank”打开新页面，（自身页面不关闭，打开一个新的
链接页面）
PS：当href的值为javascript:void(0)；或javascript:;，表示超链接
不做任何事情，不做任何跳转。
2.1、锚链接
我们先搞清楚什么是锚链接：
锚链接也称锚点链接，命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，自动跳转到我们设置锚点的位置，类似于我们阅读书籍时的目录页码或章回提示。
锚点链接可以跳转到页面的任何位置。一般用于在页面下面的时候，点击回到最上面。锚点链接的名称可以随意取，只起到标记作用。
<p id="AAA">
</p>
...<a href="#AAA"></a>//超链接到锚点
2.2、空链
不知道链接到那个页面的时候，用空链
<a href="#">空链</a>
PS：空链相当于#top，实际点击此链接的时候会跳转到页首的位置。
2.3、文件下载
<!--压缩文件下载--><a href="./test.rar"></a>
<!--文件下载--><a href=""download="5.html">点击下载</a>
javascript免费教程
2.4、超链接优化写法
<base target="_blank">//让所有的超链接都在新窗口打开
PS：写的位置在head里面。
三、特殊字符（HTML实体）
是一段以连字号（&）开头、以分号（;）结尾的文本（字符串）。
实体常常用于显示保留字符（这些字符会被解析为HTML代码，比如<；括号）和不可见的字符（如“不换行空格”）。你也可以用实体来代替其他难以用标准键盘键入的字符。
特殊符号字符代码
(空格) 
<<
>>
&&
¥¥
©©
四、列表
4.1、无序列表
<ul>元素（或称HTML无序列表元素）表示一个内部包含多个元素的无序列表或项目的元素。
<ul type="">
<li></li><!--列表项-->
<li></li>
<li></li>
......</ul>