HTML的由来?
HTML是1990年左右由Tim Berners-Leef发明的,别名:李爵士
www(world wide web)万维网,中文直译:像世界那么大的网
www=URL+HTTP+HTML
李爵士做了世界上第一个浏览器、服务器,并且用实现了浏览器对服务器的访问
HTML的起手式
新建以.html为后缀的文件,例如:index.htm。用VS Code打开,在编写区域输入英文状态下的“!”或“html:5”就会生产以下代码:
<!--文档类型/文档声明,告诉浏览器执行HTML语言,不写浏览器将会进入怪异渲染模式-->
<!DOCTYPE html>
<!--表示网页是由哪一种自然语言展示的,"en"表示英文,中文用“zh-CN”,html是根元素-->
<html lang="en">
<!--文档头,其中的内容不会显示在页面中-->
<head>
<!---告诉浏览器网页使用指定的字符编码,“UTF-8表示 Unicode 编码(万国码)的一个版本”-->
<meta charset="UTF-8">
<!--使用IE浏览器运行网页时,使用“edge”内核(最新)-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--告诉浏览器适配移动端,防止页面缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--网页标题-->
<title>Document</title>
</head>
<body>
网址中显示的内容都在<body>标签\文档体
</body>
</html>
以上就是HTML基本的代码结构
Emmet插件:自动生成HTML代码片段(该软件自动的已安装的插件,用于快速的编写代码,生成代码)快速生成HTML语言的基本框架的一种快捷方式,也可生产其他代码
常用的表示章节的标签
h1~h6
表示标题一至标题六section
表示新的章、节article
表示文章main
表示主要内容aside
表示旁支内容div
表示划分、区域
常用的全局属性
意为所有元素都可以使用的属性,元素的属性为了表示元素的额外信息
1. class
表示类,给元素一个标记
contenteditable
表示可以使所有元素被编辑hidden
表示让元素消失id
表示唯一标识符style
表示文档的样式信息,通常是CSS的格式tabindex
用来控制Tab键的顺序-
title
用来表示浏览器标题和标签,只能包含文本常用的内容标签
ol+li
有序列表ul+li
无序列表dl+dt+dd
表述列表pre
空白折叠,可以保留多个空格hr
水平分割br
换行a
超链接em
表示语气上的强调strong
表示本身很重要code
表示等宽quote
引用(内联)blackquote
引用(块级)