html 的标签的使用

为了20K

今天学的就是 html 的标签 

1 align 标签  代码： 居中对齐<img src = "aomen.jpg" width = 100 heigunt = 100 align = middle>< align = middle></br></br></br> 虽然说的是align = middle 但是它的居中是相对的 是相对于图片的居中

2 img 标签以及img 标签中的 usemap 属性 代码：

   <center>
  <img src = "movies.jpg" width = 600 height = 400 usemap = "#mymap">
  </center>
  <map name = "mymap">
    <area  coords = "0,0,150,150" href = "Noname1.html">

在用usemap 的时候，需要给个锚点 给个名字 # 就是锚点，同时在map属性中要给图片进行划分，划分的区域就是<area  coords = "0,0,150,150" href = "Noname1.html">，在coords属性中各个参数是 x1,y1,x2,y2，同时可以添加share 属性，根据属性的不同 coords的参数的意思也不同，可以参考http://www.w3school.com.cn/tags/att_area_coords.asp

3 ol 与 ul 标签的使用 ol标签是有序的标签 ul是无序的标签

 <ol type = "I" >             根据type的属性的不同可以设置为 a，b，c，d的形式，1,2,3,4的形式 罗马的I II iii iv的形式
    <li>第1个</li>
    <li>第2个</li>
<li>第3个</li>
<li>第4个</li>
<li>第5个</li>
<li>第6个</li>


 </ol> <br>
 <ol start = "4" >   start 可以从第4个开始
    <li type = "a">第1个</li>
    <li >第2个</li>
<li>第3个</li>
<li value = 25>第4个</li> 跳转到25个
<li>第5个</li>
<li>第6个</li>
 </ol>


<ul>
<li>第1个</li>    无序标签
<li>第2个</li>
<li>第3个</li>   
<li>第4个</li>
<li>第5个</li>
<li>第6个</li>
</ul>

4  超级链接 a href 在超级链接中想要发送邮箱的时候 代码 ：<a href = "mailto:28ban@163.com" > 如果有任何问题，请发送邮件到</a> 需要添加mailto： 然后添加需要发送到的邮箱，当点击超级链接的时候，电脑会自动运行电脑中自带的邮件发送软件

5 列表的创建  

<table border = "1" width = 400 height = 400>   在列表中 需要用到table属性 同时要设置border属性，如果不设置border，会自动设置为1 也就看不到了这个表格

<tr>                                                      <tr> 标签就是行标签
       <td> 第1行第1列 </td>               <td> 标签就是列标签
   <td> 第1行第2列 </td>
   <td> 第1行第3列 </td>
   <td> 第1行第4列 </td>


</tr>
<tr>
       <td> 第2行第1列 </td>
   <td> 第2行第2列 </td>
   <td> 第2行第3列 </td>
   <td> 第2行第4列 </td>
</tr>

6 表单标签的使用 表单的标签是<form> 千万要记住是form不是from！！！！表单就涉及到提交<form action = "ok.html" method = "post"> action是提交到的页面，method是提交的方式，说道提交的方式，提交的方式有两种，有post，get，两种方式有自己的优缺点，get方式提交不是很安全，例如在输入用户的账号和密码的时候，它会把账号和密码的参数出现在浏览的地址栏中，但是它提交的内容要比post提交的内容多，post提交，post安全不会把参数出现在网址输入栏里，反正就是安全，比较推荐用post的传递方式！

账号：<input type = "text" value = "请输入用户名" maxlength = "8"  > <font color = "red">最大长度为8</font></br>  type属性text 文本 maxlegth 最大长度
密码：<input type = "password" value = "" maxlength = "14"  > <font color = "red">最大长度为14</font></br>  type属性password 密码 
性别：<input type = "radio" name = "sex" value = "man" checked>男   radio 属性是选择 我在男的里面加了 chedked 就是系统默认为男 是单选框
             <input type = "radio" name = "sex" value = "woman">女</br>
爱好：<input type = "checkbox" name = "aihao" value = "dance">跳舞  checkbox 也是选择  但是复选框
<input type = "checkbox" name = "aihao" value = "sing">唱歌
<input type = "checkbox" name = "aihao" value = "bassketball">篮球
<input type = "checkbox" name = "aihao" value = "girl" checked>美女</br>

<select name = "country">       select 属性是下拉框 当我选择中国后，它传递的参数是ch，不是中国
<option value = "ch">中国</option>
<option value = "us">美国</option>
<option value = "un">英国</option>
<option value = "France">法国</option>
<option value = "it">意大利</option>
</select>

<input type= "submit" name = "tijiao" value = "提交"><br>  submit 属性是提交表单的属性
<input type= "reset" name = "chongzhi" value = "重置"> reset 重置

7 框架的使用frameset  frameset标签千万要注意千万不要在body标签中使用！！！

<frameset>
 <frameset rows = "10%,90%" noresize> rows 是横着分，noresize属性指的是分完后的线不要动，就是写死了
<frame name = "top" src = "top.html" scrolling = "no"> wcrolling 就是不要滚动条，src 就是所分区域指向的超链接
<frameset cols = "20%,80%" noresize>
<frame name = "left" src = "left.html">
<frame name = "right" src = "right.html" >
 </frameset> 

我在left的页面中

 <ul>
          <li><a href = "lieri.html" target = "right"><font color = "ffffff" face = "隶书" size = 3>烈日灼心</font></a></li></br></br>

<ul>

target 属性就是当点击“烈日灼心后”所显示的页面在right页面中显示

现在博主还很菜，是个菜逼，但是博主为了20K，一定会努力的，加油！！！！干！！！！！！！！！！