HTML学习二

Amumu12138

已于 2022-02-18 15:15:16 修改

阅读量122

点赞数

分类专栏： Web前端#JS#CSS#HTML 文章标签： html 前端

于 2022-02-16 15:12:20 首次发布

本文链接：https://blog.csdn.net/Amumu12138/article/details/122943568

版权

Web前端#JS#CSS#HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、HTML语法规范

1、基本语法概述

a、HTML标签是由尖括号包围的关键词(例如<html>)

b、HTML标签通常是成对出现的，例如<html>和</html>，我们称之为双标签；标签对中的第一个标签是开始标签，第二个标签是结束标签

c、有些特殊的标签必须是单个标签，例如<br />，我们称为单标签

2、标签关系

双标签关系可以分为两类: 包含关系和并列关系
a,包含关系(父子关系)
示例：

<head>
    <title></title>
</head>

b,并列关系(兄弟关系)
示例：

<head></head>
<body></body>

二、HTML基本结构标签

1、HTML网页结构

每个网页都会有一个基本的结构标签(也称为骨架标签)，页面内容也是在这些基本标签上书写的。(HTML页面也称为HTML文档)

注意：HTML文档的后缀名必须是.htm或.html,浏览器的作用是读取HTML文档，并以网页的形式显示出它们。

标签名:<html></html> 定义: HTML标签说明: 页面中最大的标签，也称为根标签

标签名:<head></head> 定义: 文档的头部说明: 注意在head标签中我们必须要设置的标签是title

标签名: <title></title> 定义: 文档的标题说明: 让网页拥有一个属于自己的网页标题

标签名: <body></body> 定义: 文档的主题说明: 元素包含文档的所有内容，页面内容基本都是放在body中

示例:

<html>
    <head>
        <title>我的第一个页面</title>
    </head>
    <body>
        Amumu12138, Hello!
    </body>
</html>

2、基本结构标签

3、网页结构标签说明

1）<!DOCTYPE>文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。

<!DOCTYPE html>: 声明当前页面采用的是HTML5版本来显示网页。

注意：

a、<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。

b、<!DOCTYPE>不是一个HTML标签，它就是文档类型声明标签

2) lang语言种类

定义：用来定义当前文档显示的语言

a、en定义语言为英语

b、zh-CN定义语言为中文

简单来说，定义en就是英文网页，定义为zh-CN就是中文网页

其实对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文，这个属性对浏览器和搜索引擎(百度、谷歌)还是有作用的。

3) 字符集

字符集(Character set)是多个字符的集合，以便计算机能够识别和存储各种文字。

在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。

charset常用的值有: GB2312, BIG5,GBK和UTF-8,其中UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符。

示例：

 <meta charset="UTF-8" />

注意：上面语法是必须要写的代码，否则可能会引起乱码的情况，一般情况下，统一使用“UTF-8”编码，尽量统一写成标准的“UTF-8”,不要写成‘utf8’或‘UTF8’.

4) 总结

Amumu12138

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习二

HTML标签导读一、基本语法概述a、HTML标签是由尖括号包围的关键词(例如<html>)b、HTML标签通常是成对出现的，例如<html>和</html>，我们称之为双标签；标签对中的第一个标签是开始标签，第二个标签是结束标签c、有些特殊的标签必须是单个标签，例如<br />，我们称为单标签二、标签关系双标签关系可以分为两类: 包含关系和并列关系a,包含关系(父子关系)示例：<head><title>&
复制链接

扫一扫