【HTML5】html5开篇基础(1)

1.❤️❤️前言~🥳🎉🎉🎉

Hello, Hello~ 亲爱的朋友们👋👋,这里是E绵绵呀✍️✍️。

如果你喜欢这篇文章,请别吝啬你的点赞❤️❤️和收藏📖📖。如果你对我的内容感兴趣,记得关注我👀👀以便不错过每一篇精彩。

当然,如果在阅读中发现任何问题或疑问,我非常欢迎你在评论区留言指正🗨️🗨️。让我们共同努力,一起进步!

加油,一起CHIN UP!💪💪

🔗个人主页:E绵绵的博客**
📚所属专栏:**

1. JAVA知识点专栏

深入探索JAVA的核心概念与技术细节

2.JAVA题目练习****

实战演练,巩固JAVA编程技能

3.c语言知识点专栏****

揭示c语言的底层逻辑与高级特性

4.c语言题目练习****

挑战自我,提升c语言编程能力

5.Mysql数据库专栏

了解Mysql知识点,提升数据库管理能力

6.html5知识点专栏

学习前端知识,更好的运用它

📘 持续更新中,敬请期待 ❤️❤️

2.什么是网页

网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。

网页是网站中的一"页",通常是 HTML 格式的文件,它要通过浏览器来阅读。

网页的组成:

网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。
通常我们看到的网页,常见以 .htm 或 .html 后缀结尾的文件,因此将其俗称为 HTML 文件。

3.什么是html5

HTML5不是一种编程语言,而是一种超文本标记语言。超文本包括:文字、图片、音频、视频、动画等

html中代码不分大小写,推荐都小写。

网页生成制作: 有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页.

4.web标准

浏览器不同,它们显示页面或者排版就有些许差异,所以就有这个。

简单理解:结构写到 HTML 文件中, 表现写到 CSS 文件中, 行为写到 JavaScript 文件中

所以学习前端要求我们学习html,css,JavaScript。我们就先从学习最简单的html5开始。

5.HTML语法规则

HTML 标签是由尖括号包围的关键词,通常是成对出现的,例如 <html> 和 </html>。

标签对中的第一个标签是开始标签,第二个标签是结束标签。

有些特殊的标签必须是单个标签(极少情况),例如<br />我们称为单标签。

双标签关系可以分为两类:包含关系和并列关系


包含关系:

html 复制代码
<head>
 <title> </title>
</head>

并列关系:

html 复制代码
​
<head> </head>
<body> </body>

​

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

第一个html代码

html 复制代码
<html>

<head>
    <title>第一个创建的网站 </title>
</head>

<body>心情不错,第一次创建了一个这个文件</body>

</html>

6.必用标签

<!DOCTYPE html>

这句代码的意思是: 当前页面采取的是HTML5 版本来显示网页, 注意:
1.<!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前,第一行

2.<!DOCTYPE>不是一个HTML标签,它是文档类型声明标签,

<html lang="zh-cn">

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

1.en定义语言为英语

2.zh-cn定义语言为中文

简单来说,定义为en 就是英文网页,定义为 zh-CN 就是中文网页其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文。

我们一般都定义zh-cn。

<meta charset="UTF-8">

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

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

这个是必写的,不写会产生乱码。

最幸运的一集

但好在以上三个代码vscode能自动生成,基本不需要我们重写!

自动生成方式:

输入一个!键

直接按enter键就能生成一个模板。

相关推荐
counterxing1 小时前
我整理了一个免费开发资源目录,还做成了 CLI 和 MCP
前端·agent·ai编程
子兮曰8 小时前
Bun v1.3.14 深度解析:Image API、HTTP/3、全局虚拟存储与五十项变革
前端·后端·bun
kyriewen9 小时前
今天,百年巨头一次砍了9200人,而一个离职科学家的实话让全网睡不着觉
前端·openai·ai编程
问心无愧05139 小时前
ctf show web 入门42
android·前端·android studio
kyriewen9 小时前
老板逼我上AI,我偷偷在浏览器里跑LLaMA,省下20万API费
前端·react.js·llm
Beginner x_u9 小时前
前端八股整理(手写 02)|数组转树、数组扁平化、随机打乱一个数组
前端·数组·数组转树·数组扁平化
KaMeidebaby10 小时前
卡梅德生物技术快报|禽类成纤维细胞 FISH 实验:鸟类性别染色体基因定位技术实现与数据验证
前端·数据库·其他·百度·新浪微博
天若有情67310 小时前
前端高阶性能优化:跳出传统懒加载与预加载,基于用户行为做轻量预判加载
前端·性能优化
小小小小宇10 小时前
前端转后端:SQL 是什么
前端
张元清11 小时前
React Observer Hooks:7 种监听 DOM 而不写样板代码的方式
前端·javascript·面试