在我们编辑网页文章的，经常要用到标题，在html代码中我们用h1-h6来表示标题的大小。
实例代码如下：
<!doctype html>
<html>
<body>
<h1>这是一个标题1</h1>
<h2>这是一个标题2</h1>
<h3>这是一个标题3</h1>
</body>
</html>
运行效果：
标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
<h1> 定义最大的标题。<h6> 定义最小的标题。
请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。
从这个实例中我们学会了如何定义标题。
这是一个简略html 实例教程，主要帮助初学者通过实例应用来学习html 网页制作。只要你一步一步跟着学习，相信你会掌握html 知识，并应用到网页上。通过这些html实例进行学习你会了解html 语言的基础知识，有了这些基础知识，然后你再去掌握更多html知识容易多了。 在这些实例中，有很没有讲到知识点，请你见谅，谢谢！
在我们html 标签中包含着很html 属性。如：name="value" ,这个name 就是html 标签的属性，value 这个是属性的值。
那么什么是HTML属性呢？
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，
属性总是在 HTML 元素的开始标签中规定。
下面我们来举个实例：
<!doctype html>
<html>
<body>
<a href="https://www.dwoke.com">这是一个html 属性链接</a>
<body>
</html>
运行结果：
从这个实例中我们看出，href 是<a>标签的属性，"https://www.dwoke.com" 是这个标签的属性值。
下面我们来认识几个常用的html标签的属性
|
我们的网页是由很多不同的HTML元素组成，那是什么是HTML元素呢？这一节我们就来讲一讲HTML元素，HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
实例代码如下：
<!DOCTYPE html>
<html>
<body>
<p>这是一个HTML元素示例</p>
</body>
</html>
运行结果：
从这个网页中可以看出，代码中包含着许多HTML元素，有<html>,<body>,<p> 等html元素组成。
但需要注意的是每一个HTML元素必须有一个对应 的元素结束。用／号来表示。
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。
这个实例我将为你创建一个带图像的网页,我们主要用到的是<img>标签
实例代码如下:
<!doctype html>
<html>
<body>
<img src="https://www.dwoke.com/sites/default/files/inline-images/html_005.png" width=300 height=120 />
</body>
</html>
运行结果:
HTML 图像是通过 <img> 标签进行定义的。
img 元素向网页中嵌入一幅图像。
请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
<img> 标签有两个必需的属性：src 属性 和 alt 属性。
src是<img>的属性,值为URL链接。
width:是<img>的属性,指定图像宽度大小
height是：<img>的属性,指定图像高度大小。
如果我们的页面需要一个链接，我们该如何定义呢？这个实例就是来解决这个问题的，我们可以用 <a> 标签进行定义。
实例代码如下：
<!doctype html>
<html>
<body>
<a href="https://www.dwoke.com">这是一个链接</a>
</body>
</html>
运行效果：
<a> 标签的 href 属性用于指定超链接目标的 URL。
href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。
注意：这个标签最明显的变化就是字段加了一个下划线和蓝色的字体。
这是一个主体内容的段落标签<p>
实例代码如下：
<!doctype html>
<html>
<body>
<p>这是一个段落标签</p>
</body>
</html>
运行效果：
<p>标签只是用来定义主体内容的html标签，其作用第一个实例已经讲过，这里只是用来演示实例。
这是一个h1-h6标题实例
代码如下：
<!doctype html>
<html>
<body>
<h1>这是标题1</h1>
<h2>这是标题2</h2>
<h3>这是标题3</h3>
<h4>这是标题4</h4>
<h5>这是标题5</h5>
<h6>这是标题6</h6>
</body>
</html>
运行效果：
以上这些标签已经在第一个实例讲过了，这里就不重复描述了。
这个实例主要是显示h1-h6 标题标签的变化效果和大小。
这是我的第一个html 实例
代码如下：
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落</p>
</body>
</html>
运行效果：
代码说明：
是html5标准网页声明，原先的是一串很长的字符串，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。
HTML <!DOCTYPE> 标签定义和用法：
<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
<html> 标签告知浏览器这是一个 HTML 文档。
<html> 标签是 HTML 文档中最外层的元素。
<html> 标签是所有其他 HTML 元素（除了 <!DOCTYPE> 标签）的容器。
body 元素定义文档的主体。
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。
<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
注意：html标签结束必须以／斜杠结束。
评论