web`2019.2.28~MY g~

表格

<table>

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>

<br />

HTML标题（heading）是通过h1 – h2等标签进行定义的

HTML段落是通过<p>标签进行定义的

HTML链接

HTML 链接时通过<a>标签进行定义的

注释：在href 属性中指定链接的地址

HTML图像

HTML 图像是通过<img>标签进行定义的。

更多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>

<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>

表格

<table>

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>

<br />

HTML标题（heading）是通过h1 – h2等标签进行定义的

HTML段落是通过<p>标签进行定义的

HTML链接

HTML 链接时通过<a>标签进行定义的

注释：在href 属性中指定链接的地址

HTML图像

HTML 图像是通过<img>标签进行定义的。

更多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>

<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>