HTML_01基础知识

1. font标签:
     常用属性:
          face:代表的是文字的字体,例如:<font
face=
"隶书"
>黑马程序员
</font>
     color:代表的是文字的颜色.
      size:代表的是文字的大小
2.标题标签:
     h1-h6:数字越大代表的标题越小<h1>这个是h1标题</h1>
3.上下标标签:
     _{:下标,可以表示水的分子式等类似需求h<sub
>2}
o 
     <sup>:上标,可以表示数字的幂等需求  2 < sup> 4</ sup >
      
4.特殊符号:
      代表空格,
     <代表小于号"<"
     >代表大于号">"
5.文字修饰标签:
     <b>代表加粗
     <i>代表斜体
     <u>代表下划线
6.没有结束标签的标签:
     <hr>:代表水平线
     <br>:代表换行
7.列表标签:
     1.分层列表:
          <dl>
               <dt></dt>
               <dd></dd>
               <dd></dd>
          </dl>
     2.无序列表标签:
          <ul>
               <li></li>
               <li></li>
          </ul>
     3.有序列表标签:
          <ol>
               <li></li>
               <li></li>
          </ol>
8.图片标签:
     <img src="" alt="" usemap="#map的id"/>:src的值为图片的地址,alt的值为如果图片显示不出来的时候要显示的文字
9.热点地图:
     <map id="">
          <area shape="" coords="" href=""></area>
     </map>
     shape为要显示的图形,coords为图形的坐标点,href为图片的地址
10.超链接标签:
     10.1 超链接作用:<a href="" target=""></a>
          href为点击此链接后要打开的网页地址或者文件,
          target为打开方式,常用的是_blank(表示打开新窗口)或_self(在当前窗口打开)
     10.2 锚:
               先定义一个<a name="top">顶部位置</a>,再定义一个可点击的标签<a href="#top">回到顶部</a>
               此时点击"回到顶部"就会回到name=top的a标签所在的位置
11.表格标签:
     <table>
          <caption>这是表格的标题</caption>
          <tr><td></td><td></td></tr>
          <tr><td></td><td></td></tr>
     </table>
     此表格为2行2列,tr代表行,td代表列,th可以替换td,但是会将其中的文字加粗并居中
     <thead></thead>代表表格的头部分,可以将tr和td标签放在其中
     <tbody></tbody>代表表格的体部分,可以将tr和td标签放在其中
     <tfoot></tfoot>代表表格的体部分,可以将tr和td标签放在其中
     这三种标签必须同时使用,而且,表格头显示在表格的最上面,表格体显示在中间,表格脚显示在表格的最下面,不管代码的排序是怎么样的
12.框架标签
     <frameset cols="100px,*,300px" | rows="100px,*,300px">
          <frame src=""></frame>
     </frameset>
     frameset中的cols和rows只能使用一个,而且参数如例子所示:cols="100px,*,300px"表示:
          左边的框架宽100px,右边的框架宽300px,剩下的宽度是中间的框架的.
     frame中的src的值是要在这个框架中显示的网页地址
     frameset不能和body标签共存
13.表单标签:<form action="" method="">
               <input type="text"/>
            </form>
            form中action代表的是当前form中的数据要提交到的网页的地址,method属性代表的是提交的方式:只有get和post两种
            input中必须有name属性,不然表单中的数据没有办法提交
14.选择标签:
     <select name="">
           <option value=""></option>
           <option value=""></option>

<option value=""></option>

     </select>
     这个标签可以显示一个下拉菜单,提交的时候将选中的option的value传出去
15.块级标签:
     类似<div></div>这种可以占一行的标签都称为块级标签
     类似<span></span>这种不会占一行的标签都称为行内标签