当前位置: 首页 > news >正文

【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 />我们称为单标签。 

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


包含关系:

<head><title> </title>
</head>

并列关系:

​
<head> </head>
<body> </body>​

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

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Unity的Text组件中实现输入内容的渐变色效果
  • 基于python+django+vue的在线学习资源推送系统
  • uni-app 聊天界面滚动到消息底部
  • iftop流量监控工具
  • Unborn安装CUDA Toolkit 12.2
  • MySQL:事务的ACID特性隔离级别脏读、不可重复读、幻读、Next-Key锁——场景复现
  • 自定义类型:联合和枚举
  • 经典sql题(二)求连续登录最多天数用户
  • 【百日算法计划】:每日一题,见证成长(018)
  • Ubuntu 22.04 源码下载的几种方法
  • 项目中遇到的问题
  • 【论文阅读】Face2Diffusion for Fast and Editable Face Personalization
  • 搜索引擎onesearch3实现解释和升级到Elasticsearch v8系列(五)-聚合
  • GitHub每日最火火火项目(9.20)
  • 【简单点】docker如何部署tomcat
  • [Vue CLI 3] 配置解析之 css.extract
  • android高仿小视频、应用锁、3种存储库、QQ小红点动画、仿支付宝图表等源码...
  • Android交互
  • Cumulo 的 ClojureScript 模块已经成型
  • JAVA多线程机制解析-volatilesynchronized
  • JS函数式编程 数组部分风格 ES6版
  • js学习笔记
  • nfs客户端进程变D,延伸linux的lock
  • npx命令介绍
  • Puppeteer:浏览器控制器
  • 分布式任务队列Celery
  • 看图轻松理解数据结构与算法系列(基于数组的栈)
  • 面试总结JavaScript篇
  • 如何用vue打造一个移动端音乐播放器
  • 入口文件开始,分析Vue源码实现
  • 使用API自动生成工具优化前端工作流
  • 腾讯优测优分享 | Android碎片化问题小结——关于闪光灯的那些事儿
  • Mac 上flink的安装与启动
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • ‌分布式计算技术与复杂算法优化:‌现代数据处理的基石
  • #if 1...#endif
  • #QT(串口助手-界面)
  • %3cli%3e连接html页面,html+canvas实现屏幕截取
  • (C语言)球球大作战
  • (delphi11最新学习资料) Object Pascal 学习笔记---第2章第五节(日期和时间)
  • (Redis使用系列) Springboot 使用Redis+Session实现Session共享 ,简单的单点登录 五
  • (分布式缓存)Redis哨兵
  • (附源码)计算机毕业设计ssm电影分享网站
  • (汇总)os模块以及shutil模块对文件的操作
  • (每日持续更新)jdk api之FileReader基础、应用、实战
  • (三)Pytorch快速搭建卷积神经网络模型实现手写数字识别(代码+详细注解)
  • (转)shell中括号的特殊用法 linux if多条件判断
  • (最全解法)输入一个整数,输出该数二进制表示中1的个数。
  • .gitignore文件—git忽略文件
  • .net mvc actionresult 返回字符串_.NET架构师知识普及
  • .NET/ASP.NETMVC 深入剖析 Model元数据、HtmlHelper、自定义模板、模板的装饰者模式(二)...
  • @Builder注释导致@RequestBody的前端json反序列化失败,HTTP400
  • [ CTF ] WriteUp- 2022年第三届“网鼎杯”网络安全大赛(白虎组)
  • []使用 Tortoise SVN 创建 Externals 外部引用目录
  • [bug总结]: Feign调用GET请求找不到请求体实体类