HTML个人学习笔记（day 1）

loney_k

已于 2022-04-07 14:42:26 修改

阅读量1.4k

点赞数 7

文章标签： html5

于 2022-03-24 11:09:23 首次发布

本文链接：https://blog.csdn.net/loney_k/article/details/123698980

版权

一、HTML基础认知

1.1 网页的组成

网页的组成：文字、图片、音频、视频、超链接

网页的本质：前端程序员写的代码

1.2 五大浏览器

五大浏览器： IE浏览器、火狐浏览器(Fiefox)、谷歌浏览器(Chrome)、Safari浏览器、欧鹏浏览器(Opera)

渲染引擎： 浏览器中专门对代码进行解析渲染的部分

1.3 web标准中的三个构成

web标准中分为三个构成: 结构: html，表现: css,行为:javaScript

二、HTML初体验

2.1 HTML概念

HTML概念：超文本标记语言

2.2 文字变粗案例

<b>这个字是加粗的吧</b>

<strong>这个字是加粗的吧</strong>

2.3 HTML骨架结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页的标题</title>
</head>
<body>
    网页的主体内容
</body>
</html>

网页也存在固定结构的，如：整体，头部，标题，主体

三、 HTML 语法规范

3.1 HTML的注释的快捷键

HTML的注释的快捷键：在VS Code中: ctrl + /

3.2 HTML标签的构成

HTML标签的构成：

1. 标签由< 、>、/、英文单词或之母组成。并且把标签中<>包括起来的英文单词称为标签名。

2. 常见标签都为两部分组成,两部分之间包裹内容我们称为: 双标签。前部分叫开始标签，后部分叫结束标签，两部分之间包裹内容。

3. 少数标签由一部分组成,我们称之为: 单标签。自成一体,无法包裹内容。

3.3 HTML标签关系

HTML标签关系:HTML标签与标签之间关系可分为:

1. 父子关系(嵌套关系)

<head>

</head>

2. 兄弟关系(并列关系)

eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>document</title>
</head>
<body>
    
</body>
</html>