前端自学复习总结（二）

陈奕迅雷不及掩耳之势

已于 2022-05-11 10:45:40 修改

阅读量94

点赞数

分类专栏： Javaweb 文章标签：前端 html

于 2022-05-08 23:37:39 首次发布

本文链接：https://blog.csdn.net/qq_53474111/article/details/124656902

版权

Javaweb 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

3.1HTML结构标签

(1)文档声明：<!DOCTYPE html>

(2)html标签对：<html></html>HTML文档，最大的标签，成为根标签

(3)head标签对：<head></head>页头

(4)body标签对：<body></body>页身

1、文档声明

<!DOCTYPE html>是一个文档声明，表示这是一个HTML页面

2、HTML标签

<head></head>是告诉浏览器，这个页面是从开始，然后到结束。

3、head标签

<head></head>是网页的“头部”，用于定义一些特殊的内容，如页面标题、定时刷新、外部文件等，必须要设置的标签是title。<title></title>文档的标题，让网页拥有一个属于自己的标签。

4、body标签

<body></body>是网页的“身体”。对于一个网页来说，大部分代码都是在这个标签内部编写1的。

3.2 head标签

head标签是比较特殊的，只有一些特殊的标签才能放在head标签内，其他大部分标签都是放在body标签内的。一般来说，只有6个标签能放在head标签内。

(1)title标签：作用就是定义网页的标题

(2)meta标签：一般用于定义页面的特殊信息，例如页面关键字、页面描述等。这些信息是提供给搜索引擎蜘蛛，告诉蜘蛛这个页面是干嘛的。

name属性：

属性值	说明
keyword	网页的关键字，可以是多个，而不仅仅是一个
description	网页的描述
author	author
copyright	版权信息

http-equiv属性：定义网页所使用的编码；定义网页自动刷新跳转。
定义网页所使用的编码码：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

在HTML5 标准中也可简写为

<meta charset="utf-8" />

（页面打开是乱码，很可能就是没有加上这一句代码）

定义网页自动刷新跳转：

<meta http-equiv="refresh" content="6;url=http://www.baidu.com"/>

表示当前页面在6秒后会自动跳转到http://www.baidu.com这个页面

(3)link标签：link标签用于引入外部样式文件（CSS文件）。这也是属于CSS部分的内容，这里不需要深究。

(4)style标签：在HTML中，style标签用于定义元素的CSS样式，在HTML中不需要深入研究，在CSS中再详细介绍。

(5)script标签：script标签用于定义页面的JavaScript代码，也可以引入外部JavaScript文件。在JavaScript部分会详细介绍，这里不需要深究。

3.3body标签

body标签表示页面的“身体”，后续我们学习的所有标签都是位于body标签内部的。

代码示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>body标签</title>
</head>
<body>
    <h3>悯农</h3>
    <p>锄禾日当午，汗滴禾下土。</p>
    <p>举头望明月，低头思故乡。</p>
</body>
</html>

3.4HTML注释

有时候不知道这段代码什么意思，这时在一些关键的HTML代码旁边标明一下这段代码是干什么，就得用到“HTML注释”。语法格式：

<!—注释的内容--> 快捷键：Ctrl+/（HbuliderX中）

陈奕迅雷不及掩耳之势

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端自学复习总结（二）

3.1HTML结构标签(1)文档声明：<!DOCTYPE html>à文档声明(2)html标签对：<html></html>àHTML文档，最大的标签，成为根标签(3)head标签对：<head></head>à页头(4)body标签对：<body></body>à页身1、文档声明<!DOCTYPE html>是一个文档声明，表示这是一个HTML页面2、HTML标签&l
复制链接

扫一扫