【编程词典】HTML 速查列表

HTML 速查列表


HTML 速查列表. 你可以打印它,以备日常使用。


HTML 基本文档

<
!
DOCTYPE

html
>

<
html
>

<
head
>

<
title
>
文档标题
</
title
>

</
head
>

<
body
>
可见文本...
</
body
>

</
html
>


基本标签(Basic Tags)

<
h1
>
最大的标题
</
h1
>

<
h2
>
. . .
</
h2
>

<
h3
>
. . .
</
h3
>

<
h4
>
. . .
</
h4
>

<
h5
>
. . .
</
h5
>

<
h6
>
最小的标题
</
h6
>

<
p
>
这是一个段落。
</
p
>

<
br
>
(换行)
<
hr
>
(水平线)
<!--
这是注释
-->


文本格式化(Formatting)

<
b
>
粗体文本
</
b
>

<
code
>
计算机代码
</
code
>

<
em
>
强调文本
</
em
>

<
i
>
斜体文本
</
i
>

<
kbd
>
键盘输入
</
kbd
>

<
pre
>
预格式化文本
</
pre
>

<
small
>
更小的文本
</
small
>

<
strong
>
重要的文本
</
strong
>

<
abbr
>
(缩写)
<
address
>
(联系信息)
<
bdo
>
(文字方向)
<
blockquote
>
(从另一个源引用的部分)
<
cite
>
(工作的名称)
<
del
>
(删除的文本)
<
ins
>
(插入的文本)
<
sub
>
(下标文本)
<
sup
>
(上标文本)


链接(Links)

普通的链接:
<
a

href
=
"
http://www.example.com/
"
>
链接文本
</
a
>
图像链接:
<
a

href
=
"
http://www.example.com/
"
>
<
img

src
=
"
URL
"

alt
=
"
替换文本
"
>
</
a
>
邮件链接:
<
a

href
=
"
mailto:webmaster@example.com
"
>
发送e-mail
</
a
>
书签:
<
a

id
=
"
tips
"
>
提示部分
</
a
>

<
a

href
=
"
#tips
"
>
跳到提示部分
</
a
>


图片(Images)

<
img

src
=
"
URL
"

alt
=
"
替换文本
"

height
=
"
42
"

width
=
"
42
"
>


样式/区块(Styles/Sections)

<
style

type
=
"
text/css
"
>
h1

{
color:
red

;
}

p

{
color:
blue

;
}
</
style
>

<
div
>
文档中的块级元素
</
div
>

<
span
>
文档中的内联元素
</
span
>


无序列表

<
ul
>

<
li
>
项目
</
li
>

<
li
>
项目
</
li
>

</
ul
>


有序列表

<
ol
>

<
li
>
第一项
</
li
>

<
li
>
第二项
</
li
>

</
ol
>


定义列表

<
dl
>

<
dt
>
项目 1
</
dt
>

<
dd
>
描述项目 1
</
dd
>

<
dt
>
项目 2
</
dt
>

<
dd
>
描述项目 2
</
dd
>

</
dl
>


表格(Tables)

<
table

border
=
"
1
"
>

<
tr
>

<
th
>
表格标题
</
th
>

<
th
>
表格标题
</
th
>

</
tr
>

<
tr
>

<
td
>
表格数据
</
td
>

<
td
>
表格数据
</
td
>

</
tr
>

</
table
>


框架(Iframe)

<
iframe

src
=
"
demo_iframe.htm
"
>
</
iframe
>


表单(Forms)

<
form

action
=
"
demo_form.php
"

method
=
"
post/get
"
>

<
input

type
=
"
text
"

name
=
"
email
"

size
=
"
40
"

maxlength
=
"
50
"
>

<
input

type
=
"
password
"
>

<
input

type
=
"
checkbox
"

checked
=
"
checked
"
>

<
input

type
=
"
radio
"

checked
=
"
checked
"
>

<
input

type
=
"
submit
"

value
=
"
Send
"
>

<
input

type
=
"
reset
"
>

<
input

type
=
"
hidden
"
>

<
select
>

<
option
>
苹果
</
option
>

<
option

selected
=
"
selected
"
>
香蕉
</
option
>

<
option
>
樱桃
</
option
>

</
select
>

<
textarea

name
=
"
comment
"

rows
=
"
60
"

cols
=
"
20
"
>
</
textarea
>

</
form
>


实体(Entities)

&lt;
等同于
<
&
gt
; 等同于
>
&#169; 等同于 ©

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注