共计 1538 个字符，预计需要花费 4 分钟才能阅读完成。
引言：
哈喽，各位小伙伴们，在本篇博客我将带领大家走进前端中的 HTML5, 利用 HTML 我们将可以在网页上自我创作内容，现在学起来，不久后自己也能制作一个花哨的项目了呢，那么，我们开始吧！
1.HTML5 介绍与基本骨架
HTML5 介绍
HTML5 是用来描述网页的一种语言，被称为超文本标记语言，用 HTML5 编写的文件，后缀统一使用.html 来结尾。
HTML 是一种标记语言，标记语言是一套标记标签，标签是由尖括号包围的关键字，例如
标签的两种表示方式：
双标签：
单标签:
HTML5 的 DOCTYPE 声明
DOCTYPE 是 document type(文档类型)的缩写。是 H5 的声明位于文档的最前面，处于标签之前。它是网页必备的组成部分，避免浏览器的怪异模式。
HTML5 基本骨架
html 标签
定义 HTML 文档，这个元素我们浏览器看到后就明白这是个 HTML 文档了，所以需要把其他元素都包裹在标签中。
body 标签
body 元素定义文档的主体,body 元素包含文档的所有内容（比如文本，超链接，图像，表格，列表等等），它会直接在页面中显示出来，也就是用户可以直接看到的内容。
title 标签
title 标签可定义文档的标题，它显示在浏览器窗口的标题栏或状态栏上，
meta 标签
meta 标签meta 标签用来描述一个 HTML 网页文档的属性，关键词等，例如 charset=”utf-8″ 是说当前使用的是 utf- 8 的编码格式，在开发中我们经常会看到 utf-8, 或是 gbk, 这些都是编码格式，通常使用 utf-8.
2. 标签之标题的使用
标签的介绍与应用
标题（Heading）是通过
——
标签进行定义的，其中
是最大的标题，
是最小的标题。
生成 h1-h6 快捷键：h$*6
我的第一个网页
h1 标题
h2 标题
h3 标题
h4 标题
h5 标题
h6 标题
是最大的标题，
是最小的标题。
生成 h1-h6 快捷键：h$*6
我的第一个网页
h1 标题
h2 标题
h3 标题
h4 标题
h5 标题
h6 标题
生成 h1-h6 快捷键：h$*6
我的第一个网页
h1 标题
h2 标题
h3 标题
h4 标题
h5 标题
h6 标题
正确使用标题
请确保将 HTML 标题标签仅仅用于标题，不要仅仅为了生成粗体大号的文本而使用标题，正确使用标题有利于 SEO，标题的使用顺序应该是
主标题（最重要），
（次重要），再其次是
, 以此类推。
标题标签位置摆放
在标签中添加属性：align = ” left | center | right “
我的第一个网页
h1 标题
h2 标题
h3 标题
h4 标题
h5 标题
h6 标题
, 以此类推。
标题标签位置摆放
在标签中添加属性：align = ” left | center | right “
我的第一个网页
h1 标题
h2 标题
h3 标题
h4 标题
h5 标题
h6 标题
在标签中添加属性：align = ” left | center | right “
我的第一个网页
h1 标题
h2 标题
h3 标题
h4 标题
h5 标题
h6 标题
3. 标签之段落，换行，水平线
段落是通过
标签定义的
这是一个段落
这是另一个段落
换行
如果你希望在不产生一个新段落的情况下进行换行，请使用
,
元素是一个空的 HTML 元素。
我的第一个网页
大家好
我是个人练习生 ***
我喜欢唱，跳，rap, 篮球
水平线
标签在 HTML 页面中创建水平线，其中，我们还可以为其设置样式。
color: 设置水平线的颜色
width: 设置水平线的宽度
size: 设置水平线的高度
align: 设置水平线的对齐方式（默认居中），可以使用 left, center, right.
我的第一个网页
大家好
我是个人练习生 ***
我喜欢唱，跳，rap, 篮球
小结：
这是我们前端知识 HTML5 介绍的第一部分，我们每次分享的内容不太多，主要是希望大家能够看后掌握，最好自己上手实操一下，每次的博客下面都有一张小练习和相应源码答案，希望能帮助您更好地掌握该部分知识，如果觉得有用的话，请给我点个赞吧！
HTML5_Part.1_Test
请你利用这篇博客介绍地知识，完成这个简单的小页面制作吧，源码附上，仅供参考，多动手！
我的第一个网页
菜虚坤帝国
请你选择一下鸽鸽地特长
A. 唱
B. 跳
C.rap
D. 篮球
你喜欢鸽鸽多长时间了？
A.1 年
B.2 年
C.3 年
D.2 年半
原文地址: HTML5 实用大全(Part.1)
