html tab标签_HTML入门笔记1

HTML

简介

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面[3]。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。

发明者

它的发明者是李爵士,英文名:Tim Bergers -Lee。

同时

他还发明了世界上第一个浏览器

写出了第一个服务器

以及用自己写出的浏览器访问了自己写出的服务器

发明了www(万维网),同时发明了HTML、HTTP和URL

下面我们来重点回顾一下HTML

1.HTML起手应该如何写?

2.在HTML中,我们会常用到那些表章节标签?

(1)h1-h6

该标签表示的是从h1开始直到h6的6个大小标题。其中,一个html中应该只有一个h1。

(2)section

该标签为章节标签,就像我们写文章一样分为几张几节。那么用标签写出来该是如何呢?如下图:

html tab标签_HTML入门笔记1_第1张图片

html tab标签_HTML入门笔记1_第2张图片

(3)p

该标签表示段落,表示文章需要在此进行分段。如:

2f46507ea72e121ef78c6be444aa33bf.png

(4)header

该标签表示头部的意思。如:

d4700e9f49c03481f5ddcbeef4f8ec62.png

html tab标签_HTML入门笔记1_第3张图片

(4)footer

该标签表示脚部。如:

11e4e926c954d48e2c51bbf631e20096.png

35fc0f23f6d86fe8a9aeb6ee7f9da89a.png

(5)main

该标签表示主要内容。同文章得主体有异曲同工之妙。如:

html tab标签_HTML入门笔记1_第4张图片

(6) aside

该标签表示旁支内容,一般在文章中主要体现在该文章来自某某书某某章节。如:

66cecae170f9138d8d20b6379bf60498.png

(7)div

该标签主要用来划分区域。

针对这些常用的标签它们又有哪些属性与之相对应呢?

(1)class 用来增加样式,一个标签内可有多个class

(2)contenteditable 可以使任何一个元素被编辑

(3) hidden 快速让一个东西看不见

(4)id 此id不到万不得已请不要使用

(5) style 主要用来增加样式的

(6) tabindex 控制tab的切换顺序的

(7)title 用来显示……里包含的完整内容

3.常用的内容标签有哪些?

(1)ol+li 有序的列表。如:

fd98da9bc7610aa19cd9e92595b08395.png

(2)ul+li 无序的列表。如:

7b3943cf42082f35b36f06227f4e217c.png

(3)dl+dt+did 描述列表,其中dt代表的是描述对象,dd代表的是描述内容。如:

0407e63048367403bf505d587cd80e17.png

(4)pre 如果想保留空格,回车,tab,那么就需要用pre包裹起来。如:

html tab标签_HTML入门笔记1_第5张图片

html tab标签_HTML入门笔记1_第6张图片

(5)code 此标签里面的字体是等宽的 如:

331441362ea59e25196d472d1e22beeb.png

(6)hr 水平分割线

(7) a 超链接 如:

fa09b947b023315523876f1ef7c3005d.png

(8)em 语气上的强调

(9)strong 本质上的强调

如:

0246f6d5da8895abad19ee3bfab70497.png

(10) quote 内联引用

(11)blockquote 换行引用

如:

2ca981fabc8e670e13afa727036830fe.png

以上就是我今天所学的新知识的一个回顾,若有总结的不对的地方,还请大家给予指点!谢谢

你可能感兴趣的:(html,tab标签,html,分割线,html分割线,html回车换行转义字符)