写代码啦
HTML入门笔记1
回复数(0) 浏览数(79)
{{topic.upvote_count || 0}} 编辑 回复

HTML的由来?

  1. HTML是1990年左右由Tim Berners-Leef发明的,别名:李爵士

  2. www(world wide web)万维网,中文直译:像世界那么大的网

  3. www=URL+HTTP+HTML

  4. 李爵士做了世界上第一个浏览器、服务器,并且用实现了浏览器对服务器的访问

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语言的基本框架的一种快捷方式,也可生产其他代码

常用的表示章节的标签

  1. h1~h6
    表示标题一至标题六

  2. section
    表示新的章、节

  3. article
    表示文章

  4. main
    表示主要内容

  5. aside
    表示旁支内容

  6. div
    表示划分、区域

常用的全局属性

意为所有元素都可以使用的属性,元素的属性为了表示元素的额外信息
1. class
表示类,给元素一个标记

  1. contenteditable
    表示可以使所有元素被编辑

  2. hidden
    表示让元素消失

  3. id
    表示唯一标识符

  4. style
    表示文档的样式信息,通常是CSS的格式

  5. tabindex
    用来控制Tab键的顺序

  6. title
    用来表示浏览器标题和标签,只能包含文本

    常用的内容标签

  7. ol+li
    有序列表

  8. ul+li
    无序列表

  9. dl+dt+dd
    表述列表

  10. pre
    空白折叠,可以保留多个空格

  11. hr
    水平分割

  12. br
    换行

  13. a
    超链接

  14. em
    表示语气上的强调

  15. strong
    表示本身很重要

  16. code
    表示等宽

  17. quote
    引用(内联)

  18. blackquote
    引用(块级)

{{topic.upvote_count || 0}}

HTML的由来?

  1. HTML是1990年左右由Tim Berners-Leef发明的,别名:李爵士

  2. www(world wide web)万维网,中文直译:像世界那么大的网

  3. www=URL+HTTP+HTML

  4. 李爵士做了世界上第一个浏览器、服务器,并且用实现了浏览器对服务器的访问

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语言的基本框架的一种快捷方式,也可生产其他代码

常用的表示章节的标签

  1. h1~h6
    表示标题一至标题六

  2. section
    表示新的章、节

  3. article
    表示文章

  4. main
    表示主要内容

  5. aside
    表示旁支内容

  6. div
    表示划分、区域

常用的全局属性

意为所有元素都可以使用的属性,元素的属性为了表示元素的额外信息
1. class
表示类,给元素一个标记

  1. contenteditable
    表示可以使所有元素被编辑

  2. hidden
    表示让元素消失

  3. id
    表示唯一标识符

  4. style
    表示文档的样式信息,通常是CSS的格式

  5. tabindex
    用来控制Tab键的顺序

  6. title
    用来表示浏览器标题和标签,只能包含文本

    常用的内容标签

  7. ol+li
    有序列表

  8. ul+li
    无序列表

  9. dl+dt+dd
    表述列表

  10. pre
    空白折叠,可以保留多个空格

  11. hr
    水平分割

  12. br
    换行

  13. a
    超链接

  14. em
    表示语气上的强调

  15. strong
    表示本身很重要

  16. code
    表示等宽

  17. quote
    引用(内联)

  18. blackquote
    引用(块级)

79
回复 编辑