HTML的入门

(1)打开Hbuilder开发工具，新建一个项目，右键新建一个HTML文档。

(2)在文档中编写HTML代码

！文档类型html

超文本标记语言

头

meta charset="UTF-8 "

标题产品列表/标题

/头

身体

这是产品页面。

b努力学习，天天向上/b

H1好好学习，天天向上/h1

/body

/html

温馨提示：

常用快捷键：

Ctrl s:保存

Ctrl c:复制

Ctrl x:剪切

Ctrl v:粘贴

2.HTML的基本结构

html文件的后缀名称一般是“htmL”或“HTM”。

2.1HTML标记格式

（1）什么是HTML标签？

HTML标签由开始标签和结束标签组成。

开始标签:被尖括号包围的元素名。

结束标记：用尖括号括起来的斜线和元素名。

元素内容 /元素

例如：b好好学习天天向上/b

注意：有些HTML标签是没有结束标签的， hr/

(2)单标签和双标签

双标签:例如：b/b

单标签:hr/ br/

(3) 标签的属性

Font size="1 "努力学习/font

Font size="7 "努力学习/font

h1 title=" h1 "

我是一个头衔标签。

/h1

3.理解HTML的基本结构

！!DOCTYPE html:文档语句告诉浏览器对文档使用哪种html或XHTML规范，以便浏览器以正确的方式解析我们的网页，使网页正确显示。

！文档类型html

！Html标签:它是网页的标签-

超文本标记语言

！-head是网页的头部，一般代表网页中描述的信息-

头

！

Meta:提供关于网页的信息，有利于搜索引擎收录。

Charset="utf-8 ":将网页的编码方法设置为utf-8。

Name="Keywords ":为网页设置关键字。

Name="viewport" :设置网页的窗口大小。

meta name=" keywords " content=" HTML 5前端开发工程师熟练度课程简介"/

meta charset="UTF-8 "

meta name=" viewport " content=" width=设备宽度，初始比例=1，最小比例=1，最大比例=1，用户可缩放=否"/

！标题/标题：表示网页的标题

标题/标题

/头

身体

！

Body/body:网页的主要内容，用户呈现的内容，如文本、图片、链接、视频等.

/body

/html

4.关于HTML的注释

！这是纸条的内容-

5.HTML的编码问题

常见编码格式：

UTF-8:是国际公认的编码格式。

GBK/GB2312:中文编码字符

HTML的编码：Metacharset="UTF-8 "

6.HTML规范

(1)html标签都是用尖括号括起来的标签，比如b。

(2)标签通常成对存在，b/b，h1/h1。

(3)HTML不区分大小写，我们推荐小写。

(4)HTML可以嵌套，但允许交叉嵌套。

正确拼写：b h1我很厚/h1 /b

拼写错误：

B h1我很粗鲁/b/h1