html 的标签的使用

来源：互联网发布：模拟退火算法例题编辑：程序博客网时间：2024/05/27 01:13

为了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 属性代码：

在用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>

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

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

0 0