HTML5学习笔记【3】元素与格式化
2015-01-22 01:24
295 查看
1、元素:从开始到结束的所有代码
开始标签 元素内容
结束标签
<p> text
</p>
<br/>:空标签、空元素,反斜杠可以省略
2、元素语法
元素的内容是开始标签与结束标签之间的内容
空元素在开始标签中进行关闭
大多数标签可以拥有属性
3、嵌套的HTML元素:大多数的HTML元素可以嵌套使用
HTML格式化
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
Welcome to China <br/>
<!--定义粗体文本-->
<b>Welcome to China</b> <br/>
<!--定义大号字,以舍弃-->
<big>Welcome to China</big> <br/>
<!--定义着重文字-->
<em>Welcome to China</em> <br/>
<!--定义斜体字-->
<i>Welcome to China</i> <br/>
<!--定义小号字-->
<small>Welcome to China</small> <br/>
<!--定义加重语气-->
<strong>Welcome to China</strong> <br/>
<!--定义下标文字-->
大家好<sub>欢迎</sub>来到 <br/>
<!--定义上标文字-->
大家好<sup>欢迎</sup>来到 <br/>
<!--定义插入文字-->
<ins>欢迎</ins> <br/>
<!--定义删除文字-->
<del>欢迎来到</del> <br/>
</body>
</html>
开始标签 元素内容
结束标签
<p> text
</p>
<br/>:空标签、空元素,反斜杠可以省略
2、元素语法
元素的内容是开始标签与结束标签之间的内容
空元素在开始标签中进行关闭
大多数标签可以拥有属性
3、嵌套的HTML元素:大多数的HTML元素可以嵌套使用
HTML格式化
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
Welcome to China <br/>
<!--定义粗体文本-->
<b>Welcome to China</b> <br/>
<!--定义大号字,以舍弃-->
<big>Welcome to China</big> <br/>
<!--定义着重文字-->
<em>Welcome to China</em> <br/>
<!--定义斜体字-->
<i>Welcome to China</i> <br/>
<!--定义小号字-->
<small>Welcome to China</small> <br/>
<!--定义加重语气-->
<strong>Welcome to China</strong> <br/>
<!--定义下标文字-->
大家好<sub>欢迎</sub>来到 <br/>
<!--定义上标文字-->
大家好<sup>欢迎</sup>来到 <br/>
<!--定义插入文字-->
<ins>欢迎</ins> <br/>
<!--定义删除文字-->
<del>欢迎来到</del> <br/>
</body>
</html>
相关文章推荐
- html5学习渐阶笔记---元素,属性以及格式化方式
- TWaver HTML5学习笔记 —— 通过图层方式控制元素是否显示
- HTML5学习笔记:HTML5 Video元素
- HTML5学习笔记1 HTML5 新元素
- 【HTML5+css3】学习笔记之元素汇总
- HTML5学习笔记简明版(9):变化的元素和属性
- HTML5学习笔记简明版(10):过时的元素和属性
- 【HTML5+css3】学习笔记之表单元素
- HTML学习笔记(五)_HTML5表单相关元素和属性
- Web前端学习笔记(3)-html5新增表单元素
- TWaver HTML5学习笔记 —— 拓扑元素添加标签图标
- Html5学习笔记1 元素 标签 属性
- HTML5学习笔记2013.1.6——新增元素之input元素的类型
- HTML5学习笔记简明版(9):变化的元素和属性
- HTML5学习笔记简明版(10):废弃的元素和属性
- html5学习笔记3-新增表单元素
- HTML5学习笔记2012.12.28——元素标记的省略,具有boolean值的属性,省略引号
- HTML5 developer‘s cookbook 学习笔记(新的结构元素)
- 【HTML5+css3】学习笔记之嵌入元素
- HTML5学习笔记2013.1.5——新增元素之多媒体元素及其他