HTML(深入学习)

本文介绍了HTML的基本语法规范,包括双标签、单标签的使用,以及文档类型声明和语言种类的定义。同时,讲解了如何利用Visual Studio Code创建登录框,并提到了字符集设置避免乱码问题。通过学习,读者将掌握HTML基础并能实现简单的页面元素构建。
摘要由CSDN通过智能技术生成

1.1 HTML语法规范

(1)HTML标签是由尖括号包围的关键词,例如<html
(2)HTML标签通常是成对存在的,例如<html 和</html 我们称为双标签,标签对中的第一个标签是开始标签,第二个标签是结束标签。
(3)有些特殊的标签必须是单个标签(极少情况),例如<br / ,我们称为单标签。

1.2

双标签关系可以分为两类:包含关系和并列关系
在这里插入图片描述
HTML页面也称为HTML文档

1.3

在这里插入图片描述

是文档类型声明标签,作用就是告诉浏览器使用哪种HTML版本来显示网页。
在这里插入图片描述

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

1.4

lang语言种类
在这里插入图片描述
(1).en定义语言为英语
(2).zh-CN定义语言为中文
简单来说就是定义en就是英文网页,zh-CN就是中文网页
(不影响文档打开)

1.5

字符集在这里插入图片描述
是多个字符的集合,以便计算机能够存储和识别各种文字。

在head标签里,可以通过meta标签的charset属性来规定HTML文档应该是用哪种字符编码
在这里插入图片描述

(没有这句话会出现乱码的情况)
Charset常用的值有:GB2312.BIG5.GBK.UTF-8
其中UTF-8也被成为万国码,基本包含了全世界所有国家需要用到的字符

2.登录框的编写

下载好Visual Studio Code后,要下载两个插件会方便很多
在这里插入图片描述
然后就是登录框的编写

点击右键 open in default browser (这就是第二个插件的作用)
在这里插入图片描述
在这里插入图片描述
一个登录框的页面就完成了

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值