表格
<table>
<caption>成绩表</caption>
<tr><th>学号</th><th>姓名</th><th>成绩</th></th>
<tr><td>1001</td><td>贝利</td><td>83</td></tr>
<tr><td>1002</td><td>乔丹</td><td>79</td></tr>
<tr><td>1003</td><td>郎平</td><td>88</td></tr>
Table：表格；caption：表标题；
Tr行；td:单元格；th列标题；
表格经常用来定位；
<!DOCTYPE HTML>
<html>
<body>
<h1>我的第二个标题</h1>
<p>我的第一个段落</p>
</body>
</html>
HTML 标题（Heading ）是通过<h1>-<h6>等标签进行定义的
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
HTML 元素指的是从开始标签到结束标签的所有代码
开始标签 元素内容 结束标签
<p> this is a paragraph </p>
<a href="default.htm"> this is a link </a>
<br />
HTML标题（heading）是通过h1 – h2等标签进行定义的
HTML段落是通过<p>标签进行定义的
HTML链接
HTML 链接时通过<a>标签进行定义的
<a href=”http://www.w3school.com.cn”>this is a link</a>>
注释：在href 属性中指定链接的地址
HTML图像
HTML 图像是通过<img>标签进行定义的。
<img src=”w3school.jop”width=”104”height=”142”/>
更多HTML属性实例
属性例子 1：
<h1> define 标题的开始
HTML 标题
<h1 align=”center”>拥有关于对齐的附加信息
TIY：居中排列标题
HTML水平线
<hr/>标签在HTML页面中创建水平线
Hr元素可用于分割内容
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
提示：使用水平线（<hr>标签）来分隔文章中的小节是一个办法（但不是唯一的办法）
HTML注释
可以将注释插入HTML代码中，这样可以提高其可读性，是代码
更易被人理解。浏览器。浏览器会忽略注释，也不会显示他们
实例：
<!—this is a comment-->
注释：开始括号之后（左边的括号）需要紧跟一个叹号，结束
括号之前（右边的括号）不需要~合理地使用注释可以对未来的代码编辑工作产生帮助。
不要忘记结束标签~即使忘了使用结束标签，大多数浏览器也会正确地将HTML显示出来
HTML折行
如果你不希望在产生一个新的段落的情况下进行换行（新行），请使用<br/>标签：
你或许发现<br>与<br/>很相似。
在XHTML XML 以及未来的HTML版本中，不允许使用没有结束标签（闭合标签）的HTML元素。
即使<br>在所有浏览器中显示多没有问题，使用<br/>也是更长远的保障
HTML 样式
Style属性用于改变HTML元素样式
<h1>定义标题的开始。
<h1 align=”center”>拥有关于对齐方式的附加信息
<h1 align="center">This is heading 1</h1>
<body>定义HTML文档的主体
<body bgcolor=”yellow”>拥有关于背景颜色的附加信息
<>
<>
HTML样式
Style属性用于改变HTML元素的样式
HTML样式实例——背景颜色
Background-color 属性为元素定义背景颜色
<html>
<body style=”background-color:yellow”>
<h2 style=”background-color:red”>this is a heading</h2>
<p styple=”background-color:green”>this is a paragraph.</p>
</body>
</html>
注意：style 属性淘汰了“旧的”bgcolor属性
HTML样式实例-字体、颜色、尺寸
Font-family、color以及font-size属性分别定义元素中文本
的字体系列、颜色、和字体的尺寸
<html>
<body>
<h1 style=”font-family:verdana”>A Heading</h1>
<p style=”font-family:arial;color:red;font-size:20px;”>A paragraph.</body>
</html>
HTML 样式实例-文本对齐
Text-align 属性规定了元素中农文本的水平对齐方式
<html>
<body>
<h1 style=”text-align:center”>this is a heading </h1>
<p>the heading above is aligned to the center of this page.</p>
</body>
</html>
<!--http://www.w3school.com.cn/html/html_styles.asp-->
表格
<table>
<caption>成绩表</caption>
<tr><th>学号</th><th>姓名</th><th>成绩</th></th>
<tr><td>1001</td><td>贝利</td><td>83</td></tr>
<tr><td>1002</td><td>乔丹</td><td>79</td></tr>
<tr><td>1003</td><td>郎平</td><td>88</td></tr>
Table：表格；caption：表标题；
Tr行；td:单元格；th列标题；
表格经常用来定位；
<!DOCTYPE HTML>
<html>
<body>
<h1>我的第二个标题</h1>
<p>我的第一个段落</p>
</body>
</html>
HTML 标题（Heading ）是通过<h1>-<h6>等标签进行定义的
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
HTML 元素指的是从开始标签到结束标签的所有代码
开始标签 元素内容 结束标签
<p> this is a paragraph </p>
<a href="default.htm"> this is a link </a>
<br />
HTML标题（heading）是通过h1 – h2等标签进行定义的
HTML段落是通过<p>标签进行定义的
HTML链接
HTML 链接时通过<a>标签进行定义的
<a href=”http://www.w3school.com.cn”>this is a link</a>>
注释：在href 属性中指定链接的地址
HTML图像
HTML 图像是通过<img>标签进行定义的。
<img src=”w3school.jop”width=”104”height=”142”/>
更多HTML属性实例
属性例子 1：
<h1> define 标题的开始
HTML 标题
<h1 align=”center”>拥有关于对齐的附加信息
TIY：居中排列标题
HTML水平线
<hr/>标签在HTML页面中创建水平线
Hr元素可用于分割内容
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
提示：使用水平线（<hr>标签）来分隔文章中的小节是一个办法（但不是唯一的办法）
HTML注释
可以将注释插入HTML代码中，这样可以提高其可读性，是代码
更易被人理解。浏览器。浏览器会忽略注释，也不会显示他们
实例：
<!—this is a comment-->
注释：开始括号之后（左边的括号）需要紧跟一个叹号，结束
括号之前（右边的括号）不需要~合理地使用注释可以对未来的代码编辑工作产生帮助。
不要忘记结束标签~即使忘了使用结束标签，大多数浏览器也会正确地将HTML显示出来
HTML折行
如果你不希望在产生一个新的段落的情况下进行换行（新行），请使用<br/>标签：
你或许发现<br>与<br/>很相似。
在XHTML XML 以及未来的HTML版本中，不允许使用没有结束标签（闭合标签）的HTML元素。
即使<br>在所有浏览器中显示多没有问题，使用<br/>也是更长远的保障
HTML 样式
Style属性用于改变HTML元素样式
<h1>定义标题的开始。
<h1 align=”center”>拥有关于对齐方式的附加信息
<h1 align="center">This is heading 1</h1>
<body>定义HTML文档的主体
<body bgcolor=”yellow”>拥有关于背景颜色的附加信息
<>
<>
HTML样式
Style属性用于改变HTML元素的样式
HTML样式实例——背景颜色
Background-color 属性为元素定义背景颜色
<html>
<body style=”background-color:yellow”>
<h2 style=”background-color:red”>this is a heading</h2>
<p styple=”background-color:green”>this is a paragraph.</p>
</body>
</html>
注意：style 属性淘汰了“旧的”bgcolor属性
HTML样式实例-字体、颜色、尺寸
Font-family、color以及font-size属性分别定义元素中文本
的字体系列、颜色、和字体的尺寸
<html>
<body>
<h1 style=”font-family:verdana”>A Heading</h1>
<p style=”font-family:arial;color:red;font-size:20px;”>A paragraph.</body>
</html>
HTML 样式实例-文本对齐
Text-align 属性规定了元素中农文本的水平对齐方式
<html>
<body>
<h1 style=”text-align:center”>this is a heading </h1>
<p>the heading above is aligned to the center of this page.</p>
</body>
</html>
<!--http://www.w3school.com.cn/html/html_styles.asp-->
原文：https://www.cnblogs.com/lijianmin6/p/10453230.html