【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键就能生成一个模板。

相关推荐
郝学胜-神的一滴几秒前
深入解析C/S架构与B/S架构:技术选型与应用实践
c语言·开发语言·前端·javascript·程序人生·架构
这是个栗子42 分钟前
前端开发中的常用工具函数(二)(持续更新中...)
开发语言·前端·javascript
苦藤新鸡1 小时前
38.交换二叉树中所有的左右节点
开发语言·前端·javascript
2501_944521591 小时前
Flutter for OpenHarmony 微动漫App实战:主题配置实现
android·开发语言·前端·javascript·flutter·ecmascript
lina_mua2 小时前
Cursor模型选择完全指南:为前端开发找到最佳AI助手
java·前端·人工智能·编辑器·visual studio
董世昌412 小时前
null和undefined的区别是什么?
java·前端·javascript
软弹2 小时前
Vue2 的数据响应式原理&&给实例新增响应式属性
前端·javascript·vue.js
浅水壁虎2 小时前
任务调度——XXLJOB3(执行器)
java·服务器·前端·spring boot
晨欣2 小时前
pnpm vs npm 命令对照表
前端·npm·node.js
小二·2 小时前
Python Web 开发进阶实战:AI 智能体操作系统 —— 在 Flask + Vue 中构建多智能体协作与自主决策平台
前端·人工智能·python