2022.5.1 HTML的学习

1.1 HTML指的是 超文本标记语言,它是用来描述网页的一种语言。

HTML不是编程语言,是标记语言。

标记语言是一套标记标签。超文本标记语言,用来制作网页的一门语言,由标签组成,比如 图片标签 连接标签 视频标签 等。

Web标准的构成:主要包括 结构 表现 和 行为 三个方面。

Web标准提出的最佳体验方案:结构,样式,行为相分离。

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

1.2 标签关系

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

包含关系:

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

并列关系:

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

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

 

 3.1 网页开发工具

Visual Studio Code

1.双击打开文件。2.新建文件(Ctrl+R)。3.新建好就保存(Ctrl+S),注意保存为html文件。

4.Ctrl+加号,Ctrl+减号 可以放大缩小视图。5.生成页面骨架快捷方式 !选第一个或按下Tab键 。

 注意:插件安装完成之后要重启软件。JS-CSS-HTML插件不要安装不好用。

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

1.文档类型声明标签

<!DOCTYPE>不是一个HTML标签,它就是一个文档类型声明标签,作用是告诉浏览器使用哪种HTML版本(HTML4,HTML5,XHTML)来显示网页。它位于html之前,不属于html中的一部分。

<!DOCTYPE html>这句代码的意思是:当前页面采取的是HTML5版本来显示网页。

2.lang语言种类  用来定义当前文档显示的语言

en定义语言为英语   zh-CN定义语言为中文 。定义en就是英文网页,定义zh-CN就是中文网页。

提倡用zh-CN

3.字符集

字符集(Character set)是多个字符的集合。以便于计算机能够识别和存储各种文字。

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

UTF-8是目前最常用的字符集编码方式,万国码。

★<mate charset="UTF-8" />  这是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用"UTF-8"编码,不要写"utf-8","UTF8"。UTF-8是目前最常用的字符集编码方式

3.4 总结

1.以上三个代码是vscode自动生成的不用自己写的。

2.<!DOCTYPE html>文档类型声明标签,告诉浏览器这个页面采取HTML5版本来显示页面。

3.<html lang= "en">告诉浏览器或者搜索引擎这是一个英文网站,本页面采取英文显示。

4.<mate charset="UTF-8" /> 必须写,采取UTF-8(万国码)来保存文字,不写会乱码。

4.HTML常用标签

4.1标签的的语义:标签是做什么用的

4.2标题标签。HTML提供了6各等级的网页标题,即(h1~h6)

<h1>我是一级标题</h1> 单纯head的缩写,意为头部,标题。

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

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

           2.一个标题独占一行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值