HTML知识点总结（2.23）

一、图片标签

属性：

1. src ：用来引入图片路径 
2. alt ：当图片加载失败时的提醒文本（在网络较慢的环境中，如果没有出现图片，那么将以图          片替代文本显示）
3.  width ：图片的宽度   默认单位：像素px
4. height ： 图片的高度   默认单位：像素px
5. title ： 鼠标放到该标签上的提醒文本（注：多数标签都有此属性，但浏览器的支持不全面）

 <img src="1.jpg" alt="稍等一下，正在加载哦~~~" width="100px" height="200px" title="风景">

二、标题标签

定义：<h1> - <h6> 标签可定义标题，<h1> 定义最大的标题，<h6> 定义最小的标题。

相同点：<h1> - <h6>都是块元素，都加粗显示

不同点：<h1> - <h6>字号依次减小

  <h1>一级标题</h1>
  <h2>二级标题</h2>
  <h3>三级标题</h3>
  <h4>四级标题</h4>
  <h5>五级标题</h5>
  <h6>六级标题</h6>

三、水平线

属性：

1. width：水平线的宽度
2. align：①center：居中显示 ②left：居左显示 ③right：居右显示
3. color：水平线的颜色

<hr width="100" align="center" color="red">

四、换行

用于段落内的换行

<p>今天星期三<br>明天星期四</p>

五、列表标签

1.无序列表：列表项无先后顺序

<ul>
     <li>列表项</li>
     <li>列表项</li>
</ul>

2.有序列表：列表项有先后顺序

<ol>
     <li>列表项</li>
     <li>列表项</li>
</ol>

注：<ul></ul>、<ol></ol>中只能嵌套li标签，如果要加图片或文字的话，必须加在<li></li>内。

六、表现性元素

1.加粗

    <b></b>  、<strong></strong>的区别：<strong></strong>不止表现为加粗，还有强调的意思。

<b>内容</b>
<strong>内容</strong>

2.倾斜

    <i></i>、<em></em>的区别：<em></em>不止表现为倾斜，还有强调的意思。

<i>内容</i>
<em>内容</em>

3.上下标

    上标：sup

    下标：sub

<sup>内容</sup>

<sub>内容</sub>

4.小号字体

<small>内容</small>

七、其他元素

<div></div>块级元素

1. 总是在新行上开始，占据一整行；
2. 高度，行高以及外边距和内边距都可控制；
3. 宽度始终与浏览器宽度一样，与内容无关；
4. 它可以容纳行内（内联）元素和其他块元素。

<div style="width: 100px; padding: 100px; margin: 50px;">
hello world
</div>

<span></span>行内元素

1. 和其他元素都在一行上；
2. 高，行高及外边距和内边距部分可改变；
3. 宽度只与内容有关；
4. 行内元素只能容纳文本或者其他行内元素。

<span>内容</span>

注：<div></div>和<span></span>都是无自带样式的元素

八、特殊符号

1.小于号：&lt;

2.大于号：&gt;

<内容>

3.空格:&nbsp;、&ensp;、&emsp; 

           在谷歌浏览器空格显示上，&emsp;大于&ensp;大于&nbsp;

 
 
 

4.版权符号：&copy;

   "&"符号：  &amp;

©
&