HTML基础-元素
2015-09-29 15:40
561 查看
HTML 文档是由HTML元素定义的.
元素
html元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码.
开始标签被称为 opening tag 开放标签
结束标签被称为closing tag 闭合标签
例图:
元素语法
1.html元素以开始标签为起始位置
2.html元素以结束标签终止
3.元素内容为开始标签与结束标签之间的内容
4.某些html元素为 空 empty content
5.空元素在开始标签中进行关闭
6.大多数html元素可拥有属性
嵌套的html元素
大多数html元素能嵌套(可包含其他html元素)
html文档就由嵌套的html元素构成.
例如:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
此例子包含了三个html元素
<p> 元素定义了html文档中的一个段落.
此元素包含开始标签 <p> 结束标签</p>
例子中它的元素内容为 This is my first paragraph.
<body>元素定义了html文档的主题.
此元素包含开始标签 <body> 结束标签</body>
例子中它的元素内容为 html元素 p
<html>元素定义了整个html文档.
此元素包含开始标签<html> 结束标签</html>
例子中它的元素内容为 html元素 body
HTML空元素
没有内容的html元素被称为空元素.空元素实在开始标签中关闭的.
<br>就是没有关闭标签的空元素(<br>标签定义换行).
在xhtml,xml以及未来版本的html中,所有元素都必须被关闭.
在开始标签中添加斜杠,比如<br/>,是关闭空元素的正确方法,以上都接收这种方式html,xhtml,xml
HTML标签对大小写不敏感.
元素
html元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码.
开始标签被称为 opening tag 开放标签
结束标签被称为closing tag 闭合标签
例图:
开始标签 | 元素内容 | 结束标签 |
---|---|---|
<p> | This is a paragraph | </p> |
<a href="default.htm" > | This is a link | </a> |
1.html元素以开始标签为起始位置
2.html元素以结束标签终止
3.元素内容为开始标签与结束标签之间的内容
4.某些html元素为 空 empty content
5.空元素在开始标签中进行关闭
6.大多数html元素可拥有属性
嵌套的html元素
大多数html元素能嵌套(可包含其他html元素)
html文档就由嵌套的html元素构成.
例如:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
此例子包含了三个html元素
<p> 元素定义了html文档中的一个段落.
此元素包含开始标签 <p> 结束标签</p>
例子中它的元素内容为 This is my first paragraph.
<body>元素定义了html文档的主题.
此元素包含开始标签 <body> 结束标签</body>
例子中它的元素内容为 html元素 p
<html>元素定义了整个html文档.
此元素包含开始标签<html> 结束标签</html>
例子中它的元素内容为 html元素 body
HTML空元素
没有内容的html元素被称为空元素.空元素实在开始标签中关闭的.
<br>就是没有关闭标签的空元素(<br>标签定义换行).
在xhtml,xml以及未来版本的html中,所有元素都必须被关闭.
在开始标签中添加斜杠,比如<br/>,是关闭空元素的正确方法,以上都接收这种方式html,xhtml,xml
HTML标签对大小写不敏感.
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 通过Mootools 1.2来操纵HTML DOM元素
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签
- asp中实现清除html的函数
- Android的TextView与Html相结合的具体方法
- jQuery设置和获取HTML、文本和值示例
- 『jQuery』.html(),.text()和.val()的概述及使用
- php正则替换处理HTML页面的方法
- PHP抓取网页、解析HTML常用的方法总结