HTML_01基础知识

1. font标签:

     常用属性:

          face:代表的是文字的字体,例如:<font face= "隶书" >黑马程序员 </font>

     color:代表的是文字的颜色.

      size:代表的是文字的大小

2.标题标签:

     h1-h6:数字越大代表的标题越小<h1>这个是h1标题 </h1>

3.上下标标签:

     <sub>:下标,可以表示水的分子式等类似需求 h < sub > 2 </ sub > o 

     <sup>:上标,可以表示数字的幂等需求   2  <  sup >  4 </  sup  >       

4.特殊符号:

     &nbsp;代表空格,

     &lt;代表小于号"<"

     &gt;代表大于号">"

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>这种不会占一行的标签都称为行内标签