• 售前

  • 售后

热门帖子
入门百科

怎样学习html的各种标签

[复制链接]
当当当当裤裆坦 显示全部楼层 发表于 2021-8-16 12:06:08 |阅读模式 打印 上一主题 下一主题
目次


  • head标签学习
  • body标签学习

    • 1.标题标签
    • 2.程度线标签
    • 3.段落标签
    • 4.换行符标签
    • 5.空格符标签
    • 6.权重标签

  • body列表标签

    • 1.无序列表
    • 2.有序列表
    • 3.自定义列表
    • 列表标签全部代码

  • 图片标签学习

    • 代码粘贴

  • 超链接标签学习

    • a标签

  • 表格标签的学习

    • 表格的归并
    • 代码粘贴
    • 表格标签练习(绘出求职简历表)

  • 内嵌标签的学习
  • 框架标签的学习

    • 1.删除body标签

  • form表单标签的学习

head标签学习

网页标题标签
  1. <title>HTML学习</title>
  2. <!-- 告诉浏览器我们需要什么标题来显示页 -->
复制代码
编码格式标签
  1. <meta charset="utf-8" /> <!-- H5网页解析编码标签 -->
  2. <meta http-equiv="content-type" content="text/html; charset=utf-8"><!-- H4网页解析编码标签 -->
复制代码
网页搜索优化标签
  1. <title>HTML学习</title>
  2. <!-- 告诉浏览器我们需要什么标题来显示页 -->        <meta name="Description" content="本网页是关于HTML的head的学习,666,哈哈哈"/> <!-- 网页描述 -->         <meta name="Keywords" content="azb,lll,xxx"/> <!-- 网页关键字 -->        <meta name="author" content="安老师"/> <!-- 网页作者 -->
复制代码
网页指定跳转标签
  1. <meta http-equiv="refresh" content="5;url = https://www.baidu.com"/><!-- 表示五秒后跳转指定URL -->
复制代码
其他标签
CSS或js引入的标签

body标签学习

body文本标签

1.标题标签

h1到h6:会将此中的数据加粗表现,而且表现依次削弱,标题标签自带换行功能(块级标签)
属性:
  1. align : center right left
  2. <h1 align="center">我是标题</h1><br /><h2 align="center">我是标题</h2><br /><h3 align="middle">我是标题</h3><br /><h4 align="right">我是标题</h4><br /><h5>我是标题</h5><br /><h6>我是标题</h6>
复制代码


2.程度线标签

hr:会在页面中表现一条程度线,默认居中表现
属性:
width="宽度”设置程度线的宽度size=“高度”设置程度线的高度color="颜色”设置程度线的颜色
  1. <hr width="200px"
  2. size="20px"
  3. color="red"
  4. align="left">
  5. <hr width="40%">
复制代码


3.段落标签

p:会将一段数据作为整体进行表现,重要是进行css和js操纵时比较方便.会自动换行(块级元素)
特点:段间距比较大

4.换行符标签

br:告诉浏览器必要在此位置换行

5.空格符标签

&nbsp:告诉浏览器在此位置增长空格

6.权重标签

b:会将内容加黑表现i :会将内容斜体表现u:会将内容增长下划线del :增长中划线
权重标签可以随意叠加
  1. 注:
  2. 1标签的属性是对标签的功能进一步的补充 ,可以由开发人员自由指定标签的属性值,来达到想要的显示效果。
  3. 2像素单位占据的是电脑屏幕的大小,百分比占据的是浏览器窗口的大小。
复制代码
  1. <p>
  2. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<u>东方网·演兵场4月6日报道</u>:<br>多家央媒近日集中报道了入列一年多的首艘国产航母山东舰,披露了其社区化生活、官兵伙食和近防装备等诸多细节。演兵场注意到
  3. </p>
  4. <p>
  5. <b>东方网</b>·演兵场<i>4月6日</i>报道:多家央媒近日集中报道了入列一年多的首艘国产航母山东舰,<del>披露了其社区化生活、官兵伙食和近防装备等诸多细节。演兵场注意到</del>
  6. </p>
  7. <b><i><u><del>今天适合学习d</del></u></i></b>
复制代码
文本标签全部代码
  1. <html><head><meta charset="utf-8"/><title>body标签学习</title></head><body><h1 align="center">我是标题</h1><h2 align="center">我是标题</h2><h3 align="middle">我是标题</h3><h4 align="right">我是标题</h4><h5>我是标题</h5><h6>我是标题</h6><hr width="200px" size="20px" color="red" align="left"><hr idth="40%"><p>
  2. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<u>东方网·演兵场4月6日报道</u>:<br>多家央媒近日集中报道了入列一年多的首艘国产航母山东舰,披露了其社区化生活、官兵伙食和近防装备等诸多细节。演兵场注意到
  3. </p>
  4. <p>
  5. <b>东方网</b>·演兵场<i>4月6日</i>报道:多家央媒近日集中报道了入列一年多的首艘国产航母山东舰,<del>披露了其社区化生活、官兵伙食和近防装备等诸多细节。演兵场注意到</del>
  6. </p>
  7. <b><i><u><del>今天适合学习d</del></u></i></b></body></html>
复制代码
body列表标签


1.无序列表
  1. ul
  2. li :该标签中书写列表内容,一个1i标签代表列表中的一行数据
  3. 特点:默认数据前有一个黑圆圈符号.
复制代码
2.有序列表
  1. ol
  2. li :该标签中书写列表内容,一个1i标签代表列表中的一行数据
  3. 特点:
  4. 会自动的给列表进行顺序编码,格式从小到大并且是连续的。
  5. 属性:type:可以改变顺序编码的值,可以是1 a A I, ,默认使用阿拉伯数字进行顺序编码
复制代码
3.自定义列表
  1. dl
  2. dt :数据的标题
  3. dd:数据的具体内容,一个dd表示一 条数据、
复制代码
列表标签全部代码
  1. <!DOCTYPE html><html>
  2. <head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1">
  3. <title>body标签(列表标签)</title>
  4. </head><body>
  5. <h3>列表的学习</h3>
  6. <hr >
  7. <h3>无序列表</h3>
  8. <ul><li>北京</li>
  9. <li>广州</li
  10. ><li>上海</li>
  11. <li>西安</li>
  12. </ul><h3>有序列表</h3>
  13. <ol type="A">
  14. <li>xx</li>
  15. <li>hh</li>
  16. <li>ll</li>
  17. <li>qq</li>
  18. </ol>
  19. <dl><dt>java</dt>
  20. <dd>python</dd>
  21. <dd>go</dd>
  22. <dd>shell</dd>
  23. <dt>hh</dt>
  24. <dd>aa</dd>
  25. <dd>xx</dd>
  26. <dd>ll</dd></dl></body></html>
复制代码
图片标签学习

img src :
图片路径
本地资源路径:一般当舆图片资源利用相对路径即可网络资源路径:图片资源的URL所在
属性
width:设置图片的宽度,如果是单独设置,则再图片保证不失真的环境下自动缩小大概放大;单元可以是px也可以是百分比height :设置图片的高度,如果是单独设置,则再图片保证不失真的环境下自动缩小大概放大;单元可以是px也可以是百分比title:图片标题,鼠标放在图片上的时候会表现alt:图片加载失败后的提示语
  1. 注意:图片是不会自动换行的(行内元素)
复制代码

代码粘贴
  1. <html>
  2.         <head>
  3.                 <meta charset="utf-8"/>
  4.                 <title>图片标签学习</title>
  5.                
  6.         </head>
  7.         <body>
  8.                 <h3>图片标签学习</h3>
  9.                 <hr >
  10.                 <img src="D:/" title="hanpi" alt="shabi">
  11.                 <img src="./img/1.jpg" height="200px" title="shabi" alt="hanpi">
  12.                 <img src="img/2.jpg" width="200px" >
  13.                 <hr >
  14.                 <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3767793794,672931879&fm=26&gp=0.jpg" >
  15.                
  16.         </body>
  17. </html>
复制代码
超链接标签学习


a标签

href :要跳转的网页资源路径
本地资源:相对路径
网络资源:网络资源(网页)的URL
target :指明要跳转的网页资源的表现位置
_self 在当前页中革新表现_blank 在新的标签页中表现_top 在顶层页面中表现_parent 在父级页面中表现 锚点学习
作用:在一张网页中进行资源跳转
利用:
先利用超链接标签在指定的网页位置增长锚点.格式为:
  1. <a name="锚点名”></a>
复制代码
利用a标签可以跳转指定的锚点,达到网页内部资源跳转的目标,格式:
  1. <a href="#锚点名" rel="external nofollow" >访问方式/a>
复制代码
代码粘贴
  1. #超链接
  2. <!DOCTYPE html>
  3. <html>
  4.         <head>
  5.                 <meta charset="utf-8">
  6.                 <title>超链接</title>
  7.         </head>
  8.         <body>
  9.                 <h3>超链接标签</h3>
  10.                 <hr >
  11.                 <a href="图片标签 .html" rel="external nofollow"  target="_blank">图片标签</a>
  12.                 <hr >
  13.                 <a href="body标签(列表标签).html" rel="external nofollow"  target="_parent"><img src="img/1.jpg" height="200px" ></a>
  14.                 <hr >
  15.                 <a href="http://www.baidu.com" rel="external nofollow"  rel="external nofollow" >baidu</a>
  16.                 <h3>锚点学习</h3>
  17.                 <a href="锚点学习.html" rel="external nofollow" >锚点学习</a>
  18.         </body>
  19. </html>
  20. #锚点学习
  21. <!DOCTYPE html>
  22. <html>
  23.         <head>
  24.                 <meta charset="utf-8">
  25.                 <title>锚点学习</title>
  26.         </head>
  27.         <body>
  28.                 <a href="#first" rel="external nofollow" >第一章</a><br>
  29.                 <a href="#second" rel="external nofollow" >第二章</a><br>
  30.                
  31.                
  32.                 <h5>第一章</h5>
  33.                 <a name="first"></a>
  34.                
  35.                 <p>
  36.                         啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
  37.                 </p>
  38.                 <p>
  39.                         啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
  40.                 </p>
  41.                 <p>
  42.                         啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
  43.                 </p>
  44.                 <p>
  45.                         啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
  46.                 </p>
  47.                
  48.                 <h5>第二章</h5>
  49.                 <a name="second"></a>
  50.                 <p>
  51.                         哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或或或或或
  52.                 </p>
  53.                 <p>
  54.                         哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或或或或或
  55.                 </p>
  56.                 <p>
  57.                         哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或或或或或
  58.                 </p>
  59.                 <a href="#" rel="external nofollow" >回到顶部</a>
  60.         </body>
  61. </html>
复制代码
表格标签的学习

table :声明一个表格
​ tr:声明一行,设置行高及改行全部单元格的高度。​ th:声明一个单元格,表头格.默认居中加黑表现​ td:声明一个单元格,默认居左表现原始数据
属性:
border :给表格添加边框width:设置表格的宽度height:设置表格的高度cellpadding:设置内容居边框的隔断cellspacing:设置边框的大小
特点:默认根据数据的多少进行表格的大小表现
  1. <table border="1px" bordercolor="red" cellpadding="10" cellspacing="0">
  2.                         <tr height="50px">
  3.                                 <th width="100px">科目</th>
  4.                                 <th>分数</th>
  5.                                 <th>姓名</th>
  6.                                 <th>性别</th>
  7.                         </tr>
  8.                         <tr>
  9.                                 <td>英语</td>
  10.                                 <td>100</td>
  11.                                 <td>张三水电费水电费</td>
  12.                                 <td>男</td>
  13.                         </tr>
  14.                         <tr>
  15.                                 <td>汉语</td>
  16.                                 <td>10</td>
  17.                                 <td>李四</td>
  18.                                 <td>男</td>
  19.                         </tr>
  20.                 </table>
复制代码


表格的归并

步骤:
1.起首确保表格是一个规整的表格
2.根据要归并的单元格,找到其所在的源码位置
3.归并
行归并:在要归并的单元格中的第一个单元格 上利用属性rowspan= “要归并的单元格的个数” ,并删除其他单元格完成归并列归并:在要归并的单元格中的任意一个上利用属性colspan=“要归并的单元格的个数” ,并删除其他单元格
  1. <h4>表格合并的学习</h4>
  2.                 <hr >
  3.                 <table border="2" cellpadding="10" cellspacing="0" bordercolor="red">
  4.                         <tr height="35px">
  5.                                  <td width="100px"></td>
  6.                                  <td width="100px"></td>
  7.                                  <td width="100px"></td>
  8.                                  <td width="200px"colspan="2" rowspan="2"></td>
  9.                         </tr>
  10.                         <tr height="35px">
  11.                                  <td colspan="2"></td>
  12.                                  <td></td>
  13.                         </tr>
  14.                         <tr height="35px">
  15.                                  <td></td>
  16.                                  <td></td>
  17.                                  <td></td>
  18.                                  <td rowspan="2" ></td>
  19.                                  <td></td>
  20.                         </tr>
  21.                         <tr height="35px">
  22.                                  <td></td>
  23.                                  <td></td>
  24.                                  <td></td>
  25.                                  <td></td>
  26.                         </tr>
  27.                 </table>
复制代码

代码粘贴
  1. <!DOCTYPE html><html>        <head>                <meta charset="utf-8" />                <meta name="viewport" content="width=device-width, initial-scale=1">                <title>表格标签</title>        </head>        <body>                <h3>表格标签的学习</h3>                <hr >                <table border="1px" bordercolor="red" cellpadding="10" cellspacing="0">
  2.                         <tr height="50px">
  3.                                 <th width="100px">科目</th>
  4.                                 <th>分数</th>
  5.                                 <th>姓名</th>
  6.                                 <th>性别</th>
  7.                         </tr>
  8.                         <tr>
  9.                                 <td>英语</td>
  10.                                 <td>100</td>
  11.                                 <td>张三水电费水电费</td>
  12.                                 <td>男</td>
  13.                         </tr>
  14.                         <tr>
  15.                                 <td>汉语</td>
  16.                                 <td>10</td>
  17.                                 <td>李四</td>
  18.                                 <td>男</td>
  19.                         </tr>
  20.                 </table>                                <h4>表格合并的学习</h4>
  21.                 <hr >
  22.                 <table border="2" cellpadding="10" cellspacing="0" bordercolor="red">
  23.                         <tr height="35px">
  24.                                  <td width="100px"></td>
  25.                                  <td width="100px"></td>
  26.                                  <td width="100px"></td>
  27.                                  <td width="200px"colspan="2" rowspan="2"></td>
  28.                         </tr>
  29.                         <tr height="35px">
  30.                                  <td colspan="2"></td>
  31.                                  <td></td>
  32.                         </tr>
  33.                         <tr height="35px">
  34.                                  <td></td>
  35.                                  <td></td>
  36.                                  <td></td>
  37.                                  <td rowspan="2" ></td>
  38.                                  <td></td>
  39.                         </tr>
  40.                         <tr height="35px">
  41.                                  <td></td>
  42.                                  <td></td>
  43.                                  <td></td>
  44.                                  <td></td>
  45.                         </tr>
  46.                 </table>        </body></html>
复制代码
表格标签练习(绘出求职简历表)
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title>表格文件作业</title>
  6.         </head>
  7.         <body>
  8.                 <table border="green" cellpadding="10" cellspacing="">
  9.                         <tr>
  10.                                 <th colspan="2" width="100px">基本信息</th>
  11.                                 <td colspan="8" width="400px"></td>
  12.                                
  13.                         </tr>
  14.                         <tr>
  15.                                 <th colspan="2">姓名</th>
  16.                                 <td colspan="2" width="100px"></td>
  17.                                 <th colspan="2" width="100px">性别</th>
  18.                                 <td colspan="2" width="100px"></td>
  19.                                 <td rowspan="7"  colspan="2" width="200px"></td>
  20.                         </tr>
  21.                         <tr>
  22.                                 <th colspan="2">民族</th>
  23.                                 <td colspan="2"></td>
  24.                                 <th colspan="2">出生年月</th>
  25.                                 <td colspan="2"></td>
  26.                         </tr>
  27.                         <tr>
  28.                                 <th colspan="2">政治面貌</th>
  29.                                 <td colspan="2"></td>
  30.                                 <th colspan="2">健康状况</th>
  31.                                 <td colspan="2"></td>
  32.                         </tr>
  33.                         <tr>
  34.                                 <th colspan="2">籍贯</th>
  35.                                 <td colspan="2"></td>
  36.                                 <th colspan="2">学历</th>
  37.                                 <td colspan="2"></td>
  38.                         </tr>
  39.                         <tr>
  40.                                 <th colspan="2">电子信箱</th>
  41.                                 <td colspan="2"></td>
  42.                                 <th colspan="2">联系电话</th>
  43.                                 <td colspan="2"></td>
  44.                         </tr>
  45.                         <tr>
  46.                                 <th colspan="2">专业</th>
  47.                                 <td colspan="6"></td>
  48.                                
  49.                         </tr>
  50.                         <tr>
  51.                                 <th colspan="2" >毕业院校</th>
  52.                                 <td colspan="6"></td>
  53.                         </tr>
  54.                         <tr>
  55.                                 <th colspan="2">求职意向</th>
  56.                                 <td colspan="8"></td>
  57.                         </tr>
  58.                 </table>
  59.         </body>
  60. </html>
复制代码


内嵌标签的学习

iframe
参数:
​ src:要表现的网页资源路径;可以是本地(相对路径)也可以是网络资源(URL )
  1. 注:默认当前页面打开及加载src指向的资源
复制代码
​ width:设置表现地区的宽度 height :设置表现地区的高度
作用:在当前网页中加载其他网页的资源,达到不同网页资源之间不相互干扰,并能在同一个页面中展现给用户的目标。
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title></title>
  6.         </head>
  7.         <body>
  8.                 <a href="https://www.csdn.net/" rel="external nofollow"  target="ifcsdn">csdn</a>
  9.                 <a href="http://www.baidu.com" rel="external nofollow"  rel="external nofollow"  target="_ifbaidu">baidu</a>
  10.                 <br>
  11.                 <iframe src="" width="48%" height="500px" name="ifcsdn"></iframe>
  12.                 <iframe src="" width="48%" height="500px" name="_ifbaidu"></iframe>
  13.         </body>
  14. </html>
复制代码
框架标签的学习


1.删除body标签

frameset
参数
rows :按照行进行切分页面
cols :按照列进行切分页面
子标签:
frame :进行切分地区的占位,一个frame可以单独加载网页资源。src :资源路径(本地大概网络)name :地区名, 团结超链接利用
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title>框架标签学习</title>
  6.         </head>
  7.         <frameset cols=" 20% ,*,50%">
  8.                 <frame src="frame/left.html" >
  9.                 <frameset rows="70% ,*">
  10.                         <frame src="frame/top.html" >
  11.                         <frame src="frame/bottom.html" >
  12.                 </frameset>
  13.                 <frame src="frame/right.html" name="_right" >
  14.                
  15.         </frameset>
  16. </html>
复制代码
form表单标签的学习

作用:网络并提交用户数据给指定服务器
属性:
action :网络的数据提交所在也就是URLmethod :网络的数据的提交方式get :适合小量数据 ,表单数据以?隔开拼接在URL后面,不同的键值对利用&符号隔开,不安全。post:适合大量数据,安全,隐式提交
注:
表单数据的提交,要提交的表单项必须拥有name属性值,否则不会提交。提交的表单项数据为键值对,键为name属性的值,值为用户书写的数据form标签会网络其标签内部的数据form表单的数据提交必要依赖于submit提交按钮. from表单域标签学习
作用:给用户提供可以进行数据书写大概选择的标签。
利用:
(1)文本框:
text 网络少量的文本数据,用户可见password网络用户暗码数据 name :数据提交的键,也会被js利用value:默认值
(2)单选框:
radio ​ name : name属性值类似的单选框只能选择一项数据​ value :要提交的数据​ checked:checked利用此属性的单选默认是选择状态
(3)多选框
checkbox name:一个多选组必要利用类似的name属性值value:要提交的数据checked:checked 利用此属性的多选框默认选择状态
(4)单选下拉框
select name :数据提交的键名,必须声明子标签option:一个option标签表现一个下拉选项value :要提交的数据
(5)文本域
textarea:声明一个可以书写大量笔墨的文本地区 name :数据提交的键名, js和CSS也会利用rows :声明文本域的行数cols :声明文本域的列数
(6)普通按钮
  1. <input type="button" name="" id="" value="普通按钮" />
复制代码
(7)潜伏标签
  1. 隐藏标签<input type="hidden" name="hidden" id="" value="啦啦" />
复制代码
  1. <!DOCTYPE html><html>        <head>                <meta charset="utf-8">                <title>form表单标签的学习</title>        </head>        <body>                <h3>form表单标签的学习</h3>                <hr >                <form action="#" method="get">                        Login:<input type="text" id="" name="user" value=""  /><br>                        Password:<input type="password" name="password" value="" /><br>                        sex:男<input type="radio" name="sex" value="n" checked="checked" />女<input type="radio" name="sex" value="w"/><br>                        爱好:用饭<input type="checkbox" name="fav" value="1"/>                         睡觉<input type="checkbox" name="fav" value="2"/>                         打豆豆<input type="checkbox" name="fav" value="3"/> <br>                                                籍贯:<select name="address">                                <option value="北京">北京</option>                                <option value="上海">上海</option>                                <option value="广州" selected="selected">广州</option>                        </select><br>                                                文本域:<br>                        <textarea rows="10" cols="30" name="intro">                                                        </textarea>                        <br>                        <input type="button" name="" id="" value="普通按钮" />                        <br>                        <hr >                        隐藏标签<input type="hidden" name="hidden" id="" value="啦啦" />                        <hr >                        <input type="submit" id="" name=""  value="登录"/>                                        </form>        </body></html>
复制代码

注册页面练习
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title>注册页面</title>
  6.         </head>
  7.         <body>
  8.                 <h1>注册页面</h1>
  9.                 <hr >
  10.                 <form action="" method="get">
  11.                         <table border="" cellpadding="10px" cellspacing="">
  12.                                 <tr>
  13.                                         <td width="100px">用户名</td>
  14.                                         <td><input type="text" name="user" id="" value="" /></td>
  15.                                 </tr>
  16.                                 <tr>
  17.                                         <td>密码</td>
  18.                                         <td><input type="password" name="paw" /></td>
  19.                                 </tr>
  20.                                 <tr>
  21.                                         <td>邮箱</td>
  22.                                         <td><input type="email" id="" value="" name="email" /></td>
  23.                                 </tr>
  24.                                 <tr>
  25.                                         <td>手机号码</td>
  26.                                         <td><input type="tel" name="tel" id="" value="" /></td>
  27.                                 </tr>
  28.                                 <tr>
  29.                                         <td>性别</td>
  30.                                         <td>
  31.                                                 man<input type="radio" name="sex" id="" value="1" />
  32.                                                 woman<input type="radio" name="sex" id="" value="1" />
  33.                                         </td>
  34.                                 </tr>
  35.                                 <tr>
  36.                                         <td>爱好</td>
  37.                                         <td>
  38.                                                 吃饭<input type="checkbox" name="fav" id="" value="1" />
  39.                                                 睡觉<input type="checkbox" name="fav" id="" value="2" />
  40.                                                 打豆豆<input type="checkbox" name="fav" id="" value="3" />
  41.                                         </td>
  42.                                 </tr>
  43.                                 <tr>
  44.                                         <td>籍贯</td>
  45.                                         <td>
  46.                                                 <select name="adress">
  47.                                                         <option value="北京">北京</option>
  48.                                                         <option value="上海">上海</option>
  49.                                                         <option value="广州" selected="selected">广州</option>
  50.                                                 </select>
  51.                                         </td>
  52.                                 </tr>
  53.                                 <tr>
  54.                                         <td>个人介绍</td>
  55.                                         <td>
  56.                                                 <textarea rows="10px" cols="30px" name="intro">
  57.                                                        
  58.                                                 </textarea>
  59.                                         </td>
  60.                                 </tr>
  61.                                 <tr>
  62.                                         <td colspan="2" align="middle">
  63.                                                 <input type="checkbox" name="agree" id="agree" value="1" />是否同意本公司协议
  64.                                         </td>
  65.                                        
  66.                                 </tr>
  67.                                 <tr>
  68.                                         <td colspan="2" align="middle">
  69.                                                 <input type="submit" value="注册"/>
  70.                                         </td>
  71.                                        
  72.                                 </tr>
  73.                         </table>
  74.                        
  75.                 </form>
  76.                
  77.                
  78.         </body>
  79. </html>
复制代码

到此这篇关于怎样学习html的各种标签的文章就先容到这了,更多相关学习html标签内容请搜索草根技术分享从前的文章或继续浏览下面的相关文章渴望各人以后多多支持草根技术分享!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作