hrhtml5的简单介绍

html5语法

基本沿用了html基础语法。但更简洁更人性化,主要有以下5点：

!doctype html

   字符集设置

meta charset="utf-8"

   不允许写的结束符的标签： area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

  可以省略结束符的标签： li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

  新增结构化标签 ：

        从div...div/派生而出

    (1)header标签 :顾名思义，header标签用于将 HTML 页面的一部分标记为页眉。

    (2)section标签 :section标签用于标识页面上的重要内容部分。该标签有点类似于将一本书分成几个章节。

   (3)article标签 :article标签标识了 Web 页面中的主要内容。以博客为例，每篇帖子都构成一个重要内容。

    (4)aside标签 :aside标签表示标签中包含的内容与页面主要内容相关，但不是该页面的一部分。这有点类似于使用括弧对正文进行注释（就像这样）。括弧中的内容提供关于该元素的一些附加信息。

    (5)footer标签 :footer标签将所包含的元素内容标记为文档的页脚。

  ( 6)nav标签 :nav标签中包含的内容主要用于导航。

示例：

新增媒体标签：

video

audio

embed

input type="checkbox" checked/

写明表示true；否则false

不区分大小写，与xhtml不同

单双引号皆可，有空格时不行。

相关问答

Q1: html中的〈hr〉标记代表什么意思

hr 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。

hr 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。

在 HTML5 中，hr 定义内容中的主题变化，并显示为一条水平线。

在 HTML 4.01 中，hr 标签仅仅显示为一条水平线。

在 HTML 4.01 中，所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 hr 元素定义样式

简单的说就是一条分割线，或者称为水平线。

Q2: html5以什么标签开头

这个问题。。。好吧我还是给你找了这么多。

!--...-- 定义注释。

!DOCTYPE 定义文档类型。

a 定义锚。

abbr 定义缩写。

acronym 定义只取首字母的缩写。

address 定义文档作者或拥有者的联系信息。

applet 不赞成使用。定义嵌入的 applet。

area 定义图像映射内部的区域。

article 定义文章。

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

audio 定义声音内容。

b 定义粗体字。

base 定义页面中所有链接的默认地址或默认目标。

basefont 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

bdi 定义文本的文本方向，使其脱离其周围文本的方向设置。

bdo 定义文字方向。

big 定义大号文本。

blockquote 定义长的引用。

body 定义文档的主体。

br 定义简单的折行。

button 定义按钮 (push button)。

canvas 定义图形。

caption 定义表格标题。

center 不赞成使用。定义居中文本。

cite 定义引用(citation)。

code 定义计算机代码文本。

col 定义表格中一个或多个列的属性值。

colgroup 定义表格中供格式化的列组。

command 定义命令按钮。

datalist 定义下拉列表。

dd 定义定义列表中项目的描述。

del 定义被删除文本。

details 定义元素的细节。

dir 不赞成使用。定义目录列表。

div 定义文档中的节。

dfn 定义定义项目。

dialog 定义对话框或窗口。

dl 定义定义列表。

dt 定义定义列表中的项目。

em 定义强调文本。

embed 定义外部交互内容或插件。

fieldset 定义围绕表单中元素的边框。

figcaption 定义 figure 元素的标题。

figure 定义媒介内容的分组，以及它们的标题。

font 不赞成使用。定义文字的字体、尺寸和颜色。

footer 定义 section 或 page 的页脚。

form 定义供用户输入的 HTML 表单。

frame 定义框架集的窗口或框架。

frameset 定义框架集。

h1 to h6 定义 HTML 标题。

head 定义关于文档的信息。

header 定义 section 或 page 的页眉。

hr 定义水平线。

html 定义 HTML 文档。

i 定义斜体字。

iframe 定义内联框架。

img 定义图像。

input 定义输入控件。

ins 定义被插入文本。

isindex 不赞成使用。定义与文档相关的可搜索索引。

kbd 定义键盘文本。

keygen 定义生成密钥。

label 定义 input 元素的标注。

legend 定义 fieldset 元素的标题。

li 定义列表的项目。

link 定义文档与外部资源的关系。

map 定义图像映射。

mark 定义有记号的文本。

menu 定义命令的列表或菜单。

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

meta 定义关于 HTML 文档的元信息。

meter 定义预定义范围内的度量。

nav 定义导航链接。

noframes 定义针对不支持框架的用户的替代内容。

noscript 定义针对不支持客户端脚本的用户的替代内容。

object 定义内嵌对象。

ol 定义有序列表。

optgroup 定义选择列表中相关选项的组合。

option 定义选择列表中的选项。

output 定义输出的一些类型。

p 定义段落。

param 定义对象的参数。

pre 定义预格式文本。

progress 定义任何类型的任务的进度。

q 定义短的引用。

rp 定义若浏览器不支持 ruby 元素显示的内容。

rt 定义 ruby 注释的解释。

ruby 定义 ruby 注释。

s 不赞成使用。定义加删除线的文本。

samp 定义计算机代码样本。

script 定义客户端脚本。

section 定义 section。

select 定义选择列表（下拉列表）。

small 定义小号文本。

source 定义媒介源。

span 定义文档中的节。

strike 不赞成使用。定义加删除线文本。

strong 定义强调文本。

style 定义文档的样式信息。

sub 定义下标文本。

summary 为 details 元素定义可见的标题。

sup 定义上标文本。

table 定义表格。

tbody 定义表格中的主体内容。

td 定义表格中的单元。

textarea 定义多行的文本输入控件。

tfoot 定义表格中的表注内容（脚注）。

th 定义表格中的表头单元格。

thead 定义表格中的表头内容。

time 定义日期/时间。

title 定义文档的标题。

tr 定义表格中的行。

track 定义用在媒体播放器中的文本轨道。

tt 定义打字机文本。

u 不赞成使用。定义下划线文本。

ul 定义无序列表。

var 定义文本的变量部分。

video 定义视频。

wbr 定义视频。

xmp 不赞成使用。定义预格式文本。

Q3: HTML5这个词到底是什么意思？

Html是英文HyperTextMarkupLanguage的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或FrontPageEditor等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用标志名/标志名来表示标志的开始和结束(例如html/html标志对)，因此在Html文档中这样的标志对都必须是成对使用的。

Html的基本标志： 1.html/html html标志用于Html文档的最前边，用来标识Html文档的开始。而/html标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。 2.head/head head和/head构成Html文档的开头部分，在此标志对之间可以使用title/title、script/script等等标志对，这些标志对都是描述Html文档相关信息的标志对，head/head标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3.body/body body/body是Html文档的主体部分，在此标志对之间可包含p、/p、h1、/h1、br、hr等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。body标志中还可以有以下属性：属性 用途 示例 bodybgcolor="#rrggbb"设置背景颜色。bodybgcolor="red"红色背景 bodytext="#rrggbb"设置文本颜色。bodytext="#0000ff"蓝色文本 bodylink="#rrggbb"设置链接颜色。bodylink="blue"链接为蓝色 bodyvlink="#rrggbb"设置已使用的链接的颜色。bodyvlink="#ff0000" bodyalink="#rrggbb"设置正在被击中的链接的颜色。bodyalink="yellow" 说明:以上各个属性可以结合使用，如bodybgcolor="red"text="#0000ff"。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如bodytext="Blue"表示body/body标志对中的文本使用蓝色显示在浏览器的框内。 4.title/title 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在title/title标志对之间加入您要显示的文本即可。注意：title/title标志对只能放在head/head标志对之间。

Q4: html5常用标记总结

一、文本标签

1.1 标题标记：hn align=”对齐方式”标题文本/hn

注意：

1.标题准备了h1----h6的标题，按照字号依次递减(块级元素)

2.align表示对齐方式，其值为left,center,right

1.2 字体标记：font face=”字体名称” size=”字号” color=”字体颜色” 文字/font

注意：中文网页以黑体，宋体，3号字的效果显示

1.3 段落标记：p align=”对齐方式” 段落内容/p

注意：p可以作为单标记或双标记：

单标记：段落与上文产生一个空行的间距。

双标记：段落与上下文之间产生一个空行的间距

1.4 换行标记：

注意：br /表示换行，多次换行多次使用br /

1.5 预格式化标记：pre...../pre

注意：预格式化标记可将空格、制表符、回车符等忽略

1.6 转义字符：转义字符让特殊字符显示出来。

语法：实体名称;

二、列表标记

2.1 无序列表

ul type=”列表项的标签符”

li项目一/li

li项目二/li

li项目三/li

......

/ul

注意： type表示了项目符号：

disc(默认) 实心圆

circle：空心圆

square：实心方块

2.2 有序列表：

ol type=”列表项的标记符” start=”起始值”

li项目一/li

li项目二/li

li项目三/li

......

/ol

注意：1. 1:1,2,3,.......

a:a,b,c,d,e.......

A:A,B,C,D,E.......

i:i,ii,iii,iv......

I:I,II,III,IV......

2.start表示起始值,从第几个数开始计算

2.3 嵌套排列

ol type="1"

lih/li

lit/li

ul type="disc"

lim/li

lil/li

/ul

li5/li

/ol

2.4 分割线标记：hr align=”对齐方式” size=”水平线高度” width=”水平线宽度”

color=”水平线颜色”

三、超链接标记

3.1 文本链接：a href=”目标URL” target=”目标窗口”指针文本/a

注意： 1.href表示文本链接的目标资源的URL

绝对地址和相对地址

绝对地址：在任何情况下都可以找到的地址（例如：网址）

相对地址：必须知道当前所在，才能找到（../表示上一级目录，/表示下级目录）例子：../img/baidu.jpg 表示在当前位置的上一层目录下的img文件夹中的baidu.jpg 文件。

3.2 图片标记：img src=”图片文件路径” alt=”提示文本” height=”图片高度” width=”图片宽度”/

3.3 多媒体标记

3.3.1 滚动字幕标记：marquee可以实现文字或图片的跑马灯效果

marquee..../marquee

marquee的属性：

behavior 指定了跑马灯的效果：scroll(滚动)、slide(滑动)、alternate(交替)

bgcolor:跑马灯的背景颜色

direction:跑马灯的移动方向，left（左）、right(右)、up(上)、down(下)

scrolldelay:每次移动的延迟时间，单位毫秒

loop:跑马灯运行次数，-1表示无限循环

height、width

hspace:左右空白宽度

vspace:上下空白宽度

3.3.2 嵌入音乐文件

audio src=”文件地址” 提示文字/audio

3.3.3 嵌入视频文件

video src=”视频文件地址” controls=”controls”提示文字/video

四、表格

4.1 表格基本语法：

table

tr

......

td单元格内容/td

......

/tr

/table

注意：

table:声明一个表格对象

tr:声明一行

td:声明一个单元格

4.2 表格的基本属性

1.align 对齐方式：left、center、right

2.border:表格边框

3.bordercolor:边框颜色

4.bgcolor:表格背景颜色

5.background:背景图片

6.height、width

4.3 单元格合并

1.rowspan:所跨的行数

2.colspan:所跨的列数

五、表单

5.1 表单标签：form action=”URL” method=”get|post” target=”...”/form

注意：form：该标记中包含的数据将被提交到服务器或者电子邮件中

action:指定服务器端处理提交表单信息的程序是什么。URL地址或电子邮件地址

method:get/post:数据传输到服务器的传递方法

target:服务器返回文档结果的显示位置：_blank:在新的浏览器窗口中打开

_self:在当前浏览器中显示

5.2 表单标记

5.2.1 input标签：input type=”类型” name=”服务器 获取用户输入信息的名字” value=”初始值”

注意：1.type类型（输入类型）:

1. text:单行文本框

2. password:密码输入框

3. radio:单选按钮 checked表示默认

4. checkbox:复选框 checked表示默认

5. submit:提交按钮

6. reset:重置按钮

7. button:普通按钮

2.maxlength：输入的最大长度

5.2.2 select标签

select name=”” size=”” multiple

option value=”选项1” 选项1

.......

option value=”选项n” 选项n

/select

注意：name:服务器 获取用户输入信息的名字

value ：初始值

option：下拉框的内容

multiple:多选，若没有multiple则是单选

selected:表示默认选项

size:表示长度

5.2.3 textarea 标签：textarea name=”...” cols=”...” rows=”...” wrap=”off/virtual/physical”

/textarea

注意: name：多行文本框的名称

cols：一行可容纳的字符数

rows：表示可显示额的行数

wrap:virtual和phycal控制自动换行

Q5: 如何控制HR标签制作的网页水平线的长度和颜色？

1、首先新建html文档，输入html5标准声明，如图所示。

2、然后输入html基本网页结构，如图所示。

3、接着输入hr标签hr是水平线，是单边标记，如图所示。

4、hr标签的常用属性，Size：设置水平线的粗细。

5、Width：设置水平线的宽度， Color：设置水平线的颜色，noshade：纯色显示，不带阴影效果。

6、最后运行网页，查看效果，如图所示，就完成了。