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
<!--
新增页面跳转
-->
<!--
图片防盗链,防止在其他网站打开,可下载到本地再
src
中写入本地链接
-->
<!--
宽和高一般只设置一个,否则可能会变形
-->
<
img
src=
"http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg"
alt=
"
图片名称
"
width=
"100px"
title=
"
鼠标放在图片上会展示
"
>
<
img
src=
""
alt=
"
图片加载失败
"
>
<
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
>
在浏览器打开后显示如下: