2024年最新HTML入门零基础教程(三)_heml每一项内容都需要分段显示1,2024年最新最新出炉

img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化资料的朋友,可以戳这里获取

目录

一、  VSCode工具生成骨架标签新增代码

1.文档类型声明标签

2.lang语言种类

3.charset字符集

二、HTML常用标签

1.标签语义

2.题目标签(重要)

3.段落标签(重要)

4.换行标签(重要)


一、  VSCode工具生成骨架标签新增代码

1.文档类型声明标签

<!DOCTYPE>文档类型声明,作用就是告诉浏览器使用的是哪种HTML版本来显示网页

<!DOCTYPE html>

这句代码的意思是:当前页面采取的是HTML5版本来显示网页

注意:

声明位于文档中的最前面位置,处于标签之前

不是一个HTML标签,它就是文档类型声明标签

2.lang语言种类

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

(1)en定义语言为英语

(2)zh-CN定义语言为中文

简单来说定义为en就是英文网页,定义为zh-CN就是中文网页

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

这个属性对浏览器和搜索引擎(百度,谷歌等)还是有作用的

3.charset字符集

字符集是多个字符的集合,以便计算机能够识别和存储各种文字,在标签内,可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码

 <meta charset="UTF-8">

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

注意:

上面语法是必须要写的代码,否则可能引起乱码的情况,一般情况下,统一使用“UTB-8”编码,尽量统一写成标准的“UTF-8”,不要写成“UTF8”或“UTF8.

总结:

(1)以上三个代码VScode自动生成,基本不需要我们重写。

(2)文档类型声明标签,告诉浏览器这个页面采取的是html5版本来显示页面

(3)告诉浏览器或者搜索引擎这是一个英文网站,本页面采取英文来显示。

(4) 必须写,采取UTE-8来保存文件,如果不写就会乱码,具体原理以后再说。

二、HTML常用标签

1.标签语义

学习标签是有技巧的,重点是要记住每个标签的语义。简单理解就是指标签的含义,即这个标签是用来干嘛的。

根据标签的语义,再合适的地方给一个最为合理的标签,可以让页面结构更清晰。

比如下面的一个是没有标签,一个是有标签

2.题目标签(重要)

为了使网页更具有语义化,我们经常会在页面中用到题目标签,HTML提供了6个等级的网页标题,即

-

<h1>我是一级标题</h1>

单词head的缩写,意为头部、标题

标签语义:作为标题使用,并且依据重要性递减。

特点: (1)加了标题的文字会变得加粗,字号也会依次变大。

(2)一个标题独占一行

当然如果我们记不住

-

,我们可以记一些口诀

标签一共六级选

文字加粗一行显

由大到小依次减

从重到轻随之变

img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化资料的朋友,可以戳这里获取

有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!**

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化资料的朋友,可以戳这里获取

  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值