案例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> 标签进行定义的。
实例
空白标签
<br /> 表示换行
HTML属性
- 属性例子 1:
<h1> 定义标题的开始。
<h1 align="center"> 拥有关于对齐方式的附加信息
<h1 align="center">This is heading 1</h1>
- 属性例子 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>
text-align 属性规定了元素中文本的水平对齐方式：
//居中对齐
<h1 style="text-align:center">This is a heading</h1>
网友评论