Html 基础

案例1

<html> 
<body>

//<h1> 与 </h1> 之间的文本被显示为标题
<h1>My First Heading</h1>

//<p> 与 </p> 之间的文本被显示为段落
<p>My first paragraph.</p>

</body>
</html>

Paste_Image.png

HTML 标题

//HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Paste_Image.png

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。
注释：在 href 属性中指定链接的地址。

实例
<a href="http://www.w3school.com.cn">This is a link</a>

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。
实例
![](w3school.jpg)

空白标签

 <br />  表示换行

HTML属性

属性例子 1:

<h1> 定义标题的开始。
<h1 align="center"> 拥有关于对齐方式的附加信息
<h1 align="center">This is heading 1</h1>

TIY : 居中排列标题

属性例子 2:
<body> 定义 HTML 文档的主体。
<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。
TIY : 背景颜色

属性例子 3:
<table> 定义 HTML 表格。（您将在稍后的章节学习到更多有关 HTML 表格的内容）
<table border="1"> 拥有关于表格边框的附加信息。

HTML 水平线

<hr /> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。

HTML 注释

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。
注释是这样写的：
实例

<!-- This is a comment -->

HTML 折行

如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签：

<p>This is<br />a para<br />graph with line breaks</p>

<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。
亲自试一试

HTML 的 style 属性

提供了一种改变所有 HTML 元素的样式的通用方法。

HTML 样式实例 - 背景颜色

background-color 属性为元素定义了背景颜色：

<html>
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
</html>

亲自试一试

HTML 样式实例 - 字体、颜色和尺寸

style 属性淘汰了旧的 <font> 标签。

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.</p>
</body>

</html>