HTML基础知识点（2）——常用标签

HTML基础知识点（2）——常用标签

和小学妹一起学HTML
这里有：（转载）HTML标签简写及全称

一、HTML常用标签

1. 段落标签：<p></p>
2. 标题标签：<h></h>(h1最大标题~h6最小标题)
3. 居中标签：<center></center>
4. 注    解：<!-- -->,特点：注释只有源代码的时候才可以显示出来
5. 换	行：<br/>是一个单标签，自己开始自己结束
6. 字体标签：<font></font>
(1)<font color=”#ccccff” size=”7”>东科教育</font>
(2)color属性：设置字体的颜色 取值为颜色英文、颜色对照码中的16进制串
(3)Size属性：设置字体的大小  取值范围1~7  默认字体大小为3
7. 下 划 线：<u>添加下划线</u>
8. 加	黑：<b>将字体加黑</b>
9. 倾	斜：<i>倾斜字体</i>
10. 字体变小：<small>字体变小</samll>
11. 删除线：<strike>删除线</strike>
12. 水平线：<hr/>
（1）size属性：设置水平线的高度
（2）Noshade属性：设置水平线的阴影，取值为noshade
（3）Width属性：设置水平线的宽度高度
13. 图像标签：<img/>
(1)src属性：图片地址
	①　绝对路径：带有盘符地址  盘符地址开始的路径
	②　相对路径：是从当前路径开始的路径
(2)Width属性：设置图片的宽度
(3)Height属性：设置图片的高度
	①单位为像素px，一个默认字体大小为16像素
(4)Title属性：当光标移入时展示的文本信息
(5)Alt属性：图片加载失败时展示的文本信息，图片加载成功 不显示
14. 链接标签：<a></a>
	(1)Href属性：点击链接标签需要跳转的地址
	(2)Target属性：打开方式
	①常用属性值为：_blank 在新的页签中打开，_self 自身页签打开  默认就是自身打开

1、效果显示

（<>尖括号内的东西是不显示的，我只是为了让大家理解，所以运用特殊符号将它显示出来了）

1. 段落标签：

   <p>这是一个段落</p>

2. 标题标签：

   <h1~h6>这是h1标题标签</h1~h6>

3. 居中标签： <center>这是居中标签</center>
4. 换行：
   <br/>这是一个单标签 自己开始自己结束
5. 字体标签：<font color="#ccccff" size="7">雪染</font>
6. <u>下划线</u>
7. <b>黑字体</b>
8. <i>斜字体</i>
9. <small>字体变小</small>
10. <strike> 删除线 </strike>
11. <hr size="5" noshade="noshade" width="500" color="green">显示这样一条水平线

    ---

    </hr>
12. <a href="http://www.baidu.com" target="_blank">百度</a>
13. 图像标签<img src="img/键盘.jpg" width="300px" height="300px" title="这是title属性所展示的文本信息" alt="图片加载失败，请刷新"/>
    
    

二、HTML属性

1. html标签属性是以html标签提供的附加信息
2. 属性总是出现在开始标签中
3. 属性总是以 属性 = 属性值 的形式出现
4. Font标签中的color属性：color=”red”

三、HTML列表

1、有序列表

1.通过<ol></ol>来定义，每一个序列通过<li></li>来定义
(1) <ol type=”a” start=”2”>
(2) <li>第一节</li>
(3) <li>第二节</li>
(4) <li>第三节</li>
(5) <li>第四节</li>
(6) </ol>
2.属性：
（1）type：指定顺序的标号
（2）Start：指定标号的开始值 取值为数字
3.type的属性值图示：

2、无序列表

1.通过<ul></ul>来定义，每一个序列通过

• 来定义
  (1) <ul>
  (2) <li>第一节</li>
  (3) <li>第二节</li>
  (4) <li>第三节</li>
  (5) <li>第四节</li>
  (6) </ul>
  2.属性：
  不赞成使用type标签
  
  （最后补充一点小知识点）

  常用的特殊符号

  1.大于号（>）: >
  2.小于号（<）: &lt;
  3.引号（“）：&quot;
  4.空格：&nbsp;
  5.版权符（©）：&copy;
  

  
  ~~先写到这里，下一节会给大家写一些常用标签，大家有什么需要的知识点也可以私信我或者留言呢~~