HTML基础

发布时间:2024年01月17日

目录

纯文本和超文本区别

开发工具的使用

编辑器快捷键

HTML5骨架(上)

DTD

关于html的标签

字符集


纯文本和超文本区别

定义:纯文本只包含文字内容,不能包含文字以外的,例如图片、视频等

纯文本文件:文件内部只能书写纯文本,而且不能保存样式。最常见的.txt文件,还有.html,.css,.js

非纯文本文件:最常见的Word文档.doc,还有.ppt

区别:占用空间大小,格式保存

开发工具的使用

所有的纯文本编辑器都能编辑HTML文件:记事本、Editplus、notepad++等

市场上活跃度高的代码编辑器:sublime,Visual studio code(推荐),Webstrom,Hbuilder

注意:VScode 安装记得安装Chinese下载,转换为中文,插件用什么装什么就行

VScode常用必备插件:Elm Emmet、HTML CSS Support、HTML Snippets、Subline Text Keymap and Settings Importer

编辑器快捷键

HTML 骨架——html:5-->tab

快速生成元素——元素名-->tab

自动生成多个元素——div*5-->tab

生成h1-h6——h$*6-->tab

复制当前行文本——shift+alt+键盘上下箭头

删除当前行——ctrl+shift+k

选中多个光标——按住滚轮键不松手,向下拖拽鼠标(不是滚动滚轮)

在任意位置换行——按住ctrl+enter

放大或缩小文字——ctrl+键盘(+或者-)

HTML5骨架(上)

<!DOCTYPE html>

<html lang="en">

<head>

? ? ? ?<meta charset="UTF-8">

? ? ? ?<meta name="viemport content="width=device-width,initial-scale=1.0">

? ? ? ?<title>Document</title>

<head>

<body>

<body>

</html>

DTD

(Document Type Definition,文本类型定义),必须出现在第一行,让浏览器知道是什么格式的文件

<!DOCTYPE html>

<!>,表示警示标签

DOCTYPE表示文档类型,html就是HTML超文本标记语言

关于html的标签

整个网页必须被<html></html>包裹,它里面有<head></head>和<body></body>两部分。

<head></head>:网页的配置

<body></body>:网页的正式内容,浏览器可视区域

标签有一个属性lang,是英文language语言的意思,表示整个网页的主题语言。

en表示英文,中文表示法有三种:zh,cn,zh-CN

需要注意的是,无论哪种语言,都是用英文开发!!!

<html lang="en">

<html lang="zh-CN">

字符集

几乎所有的配置都是写在meta标签中的,而meta就是“元”的意思,表示基本配置。

<meta charset="UTF-8">

<meta charset="gb2312">

<meta charset="gbk">

charset是英语character set文字集合的意思。

在计算机中所有的字实际上都是按某种规律排列而成。

不同的字符集有不同的规律。

不同字符集中的字,在计算机内部表达不一样的:

字符集

字库是否全面

优缺点

UTF-8

这个字库涵盖了地球上所有国家、民族的语言文字。非常全,每年更新,它是一个国际化的字库

每个汉字占3个字节。所以如果你想网页快一点打开,不能使用UTF-8

新华网的阿拉伯语频道、日语频道等都要使用UTF-8.

gb2312

gb是国标的意思,只有汉族的文字和少量其他符号。

每个汉字占2个字节。

几乎所有的门户网站,都是gb2312。

gbk

gbkgb2312的略微增强版,文字稍微多了点, gbk也是只有汉语,只不过多了点怪异汉语字,比如“喆”。

每个汉字占2个字节。

几乎所有的门户网站,都是gbk

(部分文本及图表来源于马士兵教育HTML相关课程)

文章来源:https://blog.csdn.net/2301_82267038/article/details/135625410
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。