HTML常用标签

HTML常用标签

< html >

< head >

< meta charset= "utf-8" >

< title > 网页标题 </ title >

<!-- 引入样式 -->

< link rel= "stylesheet" href= "" >

<!-- 引入脚本 -->

< script ></ script >

</ head >

< body >

< h1 > h1 标签 </ h1 >

< b > b 标签加粗文本 </ b >

< i > i 标签斜体文本 </ i >

< p > p 标签表示段落 </ p >

<!--div 和 section 标签单独一行，一般称为行元素，其他标签称为块元素 -->

< div > div 容器标签，可以存放其他任意标签，与 span ， section 标签类似 </ div > a

< span > span 容器标签 </ span > b

< section > section 容器标签 </ section > c

< a href= "http://www.baidu.com" > 百度一下 </ a >

<!-- 新增页面跳转 -->

< a href= "http://www.baidu.com" target= "_blank" > 百度一下 </ a >

<!-- 图片防盗链，防止在其他网站打开，可下载到本地再 src 中写入本地链接 -->

<!-- 宽和高一般只设置一个，否则可能会变形 -->

< img src= "http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg" alt= " 图片名称 " width= "100px" title= " 鼠标放在图片上会展示 " >

< img src= "" alt= " 图片加载失败 " >

< a href= "http://www.baidu.com" >

< img src= "http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg" alt= " 图片名称 " width= "100px" title= " 鼠标放在图片上会展示 " >

</ a >

<!-- 表单：登录 / 注册 / 搜索 -->

< form action= "" >

< input type= "text" placeholder= " 请输入用户名 " >

< input type= "password" placeholder= " 请输入密码 " >

<!-- 多选框 -->

< input type= "checkbox" > 男

< input type= "checkbox" > 女

< input type= "checkbox" > 保密

<!-- 单选框， name 设置一样实现单选 -->

< input type= "radio" name= "a" > 男

< input type= "radio" name= "a" > 女

<!-- 提交 -->

< input type= "submit" value= " 登录 " >

<!-- 表格， tr 表示行， td 表示列。查看网页元素 table 标签下自动加个 tbody 标签，爬虫时注意是自动加的还是人工加的 -->

< table >

< tr >

< td > 星期一 </ td >

< td > 星期二 </ td >

< td > 星期三 </ td >

< td > 星期四 </ td >

</ tr >

< tr >

< td > 星期一 </ td >

< td > 星期二 </ td >

< td > 星期三 </ td >

< td > 星期四 </ td >

</ tr >

</ table >

<!-- 下拉框， value 表示传递的数据值 -->

< select name= "" id= "" >

< option value= "zuqiu" > 足球 </ option >

< option value= "lan" > 篮球 </ option >

< option value= "yu" > 羽毛球 </ option >

</ select >

<!--ul 无序标签 -->

< ul >

< li > a </ li >

< li > b </ li >

< li > c </ li >

< li > d </ li >

</ ul >

<!--ol 有序标签 -->

< ol >

< li > a </ li >

< li > b </ li >

< li > c </ li >

< li > d </ li >

</ ol >

</ form >

</ body >

</ html >

在浏览器打开后显示如下：