笔记重中之重

最新推荐文章于 2024-03-22 21:30:00 发布

和煦914

最新推荐文章于 2024-03-22 21:30:00 发布

阅读量219

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/weixin_73755593/article/details/127647172

版权

①、页的三大组成部分

1.* 结构：给页面搭建基本的框架结构。 html ，类比于建房子的时候要搭的地基跟钢筋。

2. 表现：页面的美化，装饰。 css 相当于给房子加背景和家具的排列布局。

3.* 行为：页面的轮播图，返回顶部... javascript 相当于房子加灯的开关。

②、什么是html

1.* HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言。

通过HTML标记（标签）对网页中的文本、图片、多媒体等内容进行描述。

** “说明"**

- “超文本”：不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。

- “标记语言”：标记语言是由一套标记标签组成的。

2.html文档网页

- 后缀名.html

- 文件名格式：

主文件名.后缀名

3.创建html

- 1）新建一个后缀名为.html的文件

- 2）添加基本结构：英文状态下!回车

- 3) 输入HTML：5

③标记（标签）

1.构成网页的基本单位

标签：由尖括号括起来的关键词

- 单标签：<标签名 >或 <标签名 />

- 双标签：``<开始标签名>[内容]</结束标签名>``

- 元素：标签及内容的整体

- 属性

```html

<标签名属性名1="属性值1" 属性名2="属性值2"></标签名>

<面的第一个单词叫做标签的名字，标签名空格之后的叫做标签的属性。

* 属性由属性名和属性值组成，属性名和属性值用等号连接

* 属性值用引号引起来。多个属性之间用空格隔开。

④HTML注释

* 注释即对代码的解释和说明，不会被浏览器解析执行

* 注释内容不会出现在网页中，只是对代码的一个说明

* 语法

HTML中的注释以``结束，开始和结束中间为注释内容。

ctrl + /

alt + shift + a: 可以在一行代码的后面进行注释、HTML文档的基本结构

⑤```html

<!DOCTYPE html>

<!doctype> 文件类型定义DTD

作用：告诉浏览器该文档的版本信息，让浏览器解析器知道使用哪种语法解析文档

文档第一代码是HTML5标准网页声明，告知浏览器用HTML5标准解析此网页。

不是标签，是声明语句

必须写在HTML文档的第一行

网页的根元素

定义整个HTML文档，包含head和body

lang属性

- 作用：定义当前文档显示文字的语言

- 语法：lang=“en”

(lang是language的简写)

- 取值:

en定义语言为英语

zh-CN定义语言为中文

<head>

网页的头部信息其内容不会显示在网页中

定义文档的头部，包含文档的标题（title），可以包含文档脚本（script），样式（style），meta信息以及更多的其他信息。

文档字符集

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

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

charset属性:设置编码方式

UTF-8：万国码，通用性较好

(2)常用的字符集

- UTF-8被称为万国码，包含全世界所有国家需要用到的字符

- GB2312简单中文，包括6763个汉字

- GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312

- BIG5繁体中文，港澳台等用

网页标题

添加到收藏夹时的标题显示在搜索引擎结果中的页面标题。

</head>

<body>

父子关系——嵌套关系

兄弟关系——并列关系

</body>

</html>

6.块级标签

div标签搭建网页中基本标签合作，无语义标签

特性：宽度撑满整个父元素

高度默认有内容撑开

独立成行垂直布局

h标签：标题标签

h1到h6 文字从大到小排

和煦914

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
笔记重中之重

web
复制链接

扫一扫