HTML的总结

1. HTML文档的相关说明

   1. 空元素：只有一个开始标签。

      • < br > : 换行

      • < hr >:水平分割线

      • <input>:输入框

      • <img>:图片

      • <a>: 超链接

   2. 元素的属性

      <p title="这是个title属性">鼠标移上来试试</p>

       

2. 超链接

   1. 文本超链接

      <a href="http://www.baidu.com/" target="_blank">百度一下</a>

   2. 图片超链接

      <a href="网址" target="_blank"><img src="路径"></a>

       

   3. 锚点

      <h2 id="C4">左炱源在这里</h2>
      <a href="#C4">左炱源在哪里呢？</a>

      [元素的id值是唯一的]  

      [超链接中的地址需要有#号]  

       

3. 图片及文件路径

   1. 图片

   <img src="路径" alt="占位符" width="200" height="200">

   [src属性为线束图片文件的位置URL，即图片文件的路径]  

   [alt：当获取图片出现问题时显示的文字]  

   2.文件路径：

   .表示当前目录，..表示上一级目录

   3.如何用图片做一个超链接呢？

   <a href="#####">
   <img src="#####">
   <\a>

    

4. 列表LIST

   1.无序列表<ul>

   ~实心方块：<ul type="square>"~

   2.有序序列<ol>

   ~<ol type="a">~