【web前端基础day01】HTML基础部分

奶昔团子

已于 2023-01-16 08:53:44 修改

阅读量177

点赞数

分类专栏： html5+css3 文章标签：前端 css html5

于 2023-01-13 09:05:52 首次发布

本文链接：https://blog.csdn.net/qq_61971608/article/details/128615328

版权

本文是HTML5的基础教程，介绍了HTML的概念、网页的形成、Web标准的重要性及构成。详细讲解了HTML标签，包括语法规范、基本结构、常用的标题、段落、图像、超链接等标签，并探讨了字符集、注释和特殊符号的使用。同时，提到了开发工具VSCode的使用和HTML页面的结构骨架。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>

1、学习路线

（1）HTML5基础：20%

（2）CSS3基础：50%

（3）H5C3的提高：一些新增样式：10%

（4）项目：品优购电商网站：10%

2、HTML简介

（1）什么是网页？

网页就是HTML格式的文件。

（2）什么是网站？

网站时网页的集合。

（3）网页是构成网站的基本要素，包括视频，图片，文字，声音，动画等

（4）什么是HTML？

HTML是超文本标记语言，是用来描述网页的语言。（不是编程语言，是标记语言，由标签组成的）

（5）网页时如何形成的？

由前端人员在HTML文件里面写上各种HTML标签，写完通过浏览器打开就是网页（前端人员开发代码--浏览器解析渲染--）

（6）常用浏览器

火狐浏览器、谷歌浏览器、ie浏览器……

（7）Web标准

我们为什么需要web标准？

浏览器不同，显示的页面or排版会有差异，因此需要一些标准来约束。

web标准有什么构成？

主要包括结构（对网页元素进行整理和分类）、表现（网页的排版和样式）和行为（主要是JavaScript，网页模型的定义与交互）。

3、HTML标签

（1）HTML语法规范

（1）标签是由尖括号包围的关键词

（2）标签大多数都是成对出现的，第一个是开始标签，第二个是结束标签

（3）有些特殊的标签是单个标签，例如<br/>后面加一个反斜杠

（4）标签关系：包含关系and并列关系

（2）HTML的基本结构标签

（1）每一个网页都有一个基本的结构标签，也成为骨架标签；HTML页面又称为HTML文档

（2）根标签，最大的标签：<html></html>

（3）头部标签：<head></head>

（4）标题标签：<title></title>

（5）文档的主体标签：<body></body>

（6）第一个html页面，也是基本结构标签，又称为骨架标签（重点，会默写）

<html>
<!--第一个页面-->
<head>
    <title>第一个页面</title>
</head>
<body>
键盘敲烂，工资过万！
</body>
</html>

页面展示：

（3）开发工具-VSCode

直接输入一个！回车会自动生成骨架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我利用vscode创建的第一个页面</title>
</head>
<body>
    写代码是一件非常快乐的事情（直接输入一个！回车会自动生成骨架）
</body>
</html>

右键-点击open……使得页面运行