HTML和HTML5总结

以下代码均没有<>括号sorry由《》代替

1.《html》

《body》

《p》 这是我的html《 /p》

《body》

《html》

这个 《p》 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 p，以及一个结束标签《 /p》。

《html》

2.

《body》

《h1》 align=”center”>This is heading 《/h1》

《p》上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。《p》

《body》

《html》

hn就是h1 n的值越大字体就越小

align=”center”居中的意思

3.

《 body bgcolor=”yellow”》

h2改变了颜色的背景。

《/body》

–bgcolor改变背景颜色。

4.

html 定义 HTML 文档。

body 定义文档的主体。

《h1》 to《 h6》 定义 HTML 标题

!– 定义注释。

《!–这是一段注释。注释不会在浏览器中显示。–》

《br /》换行

5.style 属性用于改变 HTML 元素的样式。

《p》 style=”font-family:verdana;color:red”>

This text is in Verdana and red《/p》

–font-family:verdana;color:red”改变了字体和颜色

《p style=”font-family:times;color:green”>

This text is in Times and green《/p》

《p style=”font-size:30px”>This text is 30 pixels high《/p》

–font-family:verdana;color:red”改变了字体和颜色size 改变字体大小

6.

标签 描述

b 定义粗体文本。

big 定义大号字。

em 定义着重文字。

i 定义斜体字。

small 定义小号字。

strong 定义加重语气

sub 定义下标字。

sup 定义上标字。

ins 定义插入字。

del 定义删除字。

7.

标签 描述

style> 定义样式定义。

link 定义资源引用。

div 定义文档中的节或区域（块级）。

span 定义文档中的行内的小块或区域。

font 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。

basefont 定义基准字体。不赞成使用。请使用样式。

center 对文本进行水平居中。不赞成使用。请使用样式。

8.HTML 链接

a》 href=”http://www.w3school.com.cn/”>Visit W3School 《》/a

herf=”#”代表自己

9.img src=”boat.gif”插入图片

table border=”1”

《》tr

td row 1, cell 1/td

td row 1, cell 2 /td

tr

tr

td>row 2, cell 1

td>row 2, cell 2

/tr>

/table

table代表表格tr代表行td代表列

10.无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于
标签。每个列表项始于 。

ul

li Coffee /li

li Mil /li

/ul

11.

框架标签（Frame）

Frame 标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 “frame_a.htm” 被置于第一个列中，而 HTML 文档 “frame_b.htm” 被置于第二个列中：

frameset cols=”25%,75%

frame src=”frame_a.htm”

frame src=”frame_b.htm

/frameset

12.背景（Backgrounds）

拥有两个配置背景的标签。背景可以是颜色或者图像。

背景颜色（Bgcolor）

背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

body bgcolor=”#000000

body background=”clouds.gif”-

13.

HTML script 元素

script标签用于定义客户端脚本，比如 JavaScript。

script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。

必需的 type 属性规定脚本的 MIME 类型。

JavaScript 最常用于图片操作、表单验证以及内容动态更新。

下面的脚本会向浏览器输出“Hello World!”：

script type=”text/javascript”

document.write(“Hello World!”)

/script

14.HTML 表单用于搜集不同类型的用户输入。

input 元素

input 元素有很多形态，根据不同的 type 属性。

这是本章中使用的类型：

类型 描述

text 定义常规文本输入。

radio 定义单选按钮输入（选择多个选择之一）

submit 定义提交按钮（提交表单）

password密码输入框

hidden隐藏域

checkbox复选框

button 按钮

reset 重置按钮

imge 图片按钮

file 文件

select下拉框

option value=>默认值

《/select》

input type=”text” name=”lastname” value=”Mous

input type=”submit” value=”Submit

–注意在form表单中使用

15

HTML5 中的新元素

article 定义文档内的文章。

aside 定义页面内容之外的内容。

bdi 定义与其他文本不同的文本方向。

details 定义用户可查看或隐藏的额外细节。

dialog 定义对话框或窗口。

figcaption 定义 元素的标题。

figure 定义自包含内容，比如图示、图表、照片、代码清单等等。

footer 定义文档或节的页脚。

header 定义文档或节的页眉。

main 定义文档的主内容。

mark 定义重要或强调的内容。

menuitem 定义用户能够从弹出菜单调用的命令/菜单项目。

meter 定义已知范围（尺度）内的标量测量。

nav 定义文档内的导航链接。

progress 定义任务进度。

rp 定义在不支持 ruby 注释的浏览器中显示什么。

rt 定义关于字符的解释/发音（用于东亚字体）。