HTML入门笔记1

405 阅读2分钟

一. HTML由谁发明的呢?

HTML的英文全称是 Hyper Text Marked Language,即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言。 Tim Berners-Lee还成立了万维网联盟(W3C),并担任万维网联盟的主席。万维网的主要工作也是围绕HTML开展。

二. HTML 起手式

在VSCODE中,使用! + Tab 键会直接显示出html的基本格式。 如图:

Snipaste_2021-07-27_09-19-21.png

  1. 第一行的<!DOCTYPE html> 表示文档类型
  2. 第二行表示的是html标签,lang属性一般改为"zh-CN"。
  3. head标签里面的第一行表示文字编码,默认为UTF-8即可;第二行和第三行表示禁止缩放、兼容手机和告诉IE使用最新内核;最后的title标签表示的是网页上打开后标题。

三. HTML常用的章节标签

1. h1-h6: 标题
2. section: 章节
3. article: 文章
4. p: 段落
5. header: 头部
6. footer: 脚部
7. main: 主要内容
8. aside: 旁支内容
9. div: 简单划分

四. HTML的全局属性(所有标签都有的属性)

1. class(类)
2. contenteditable(内容可编辑的)、
3. hidden(隐藏)
4. id、style(样式)
5. tabindex(表示tab的顺序)
6. title(隐藏文字或者图片时,鼠标放上去会显示出完整的信息)

五. HTML常用的内容标签

1. ol + li (ordered list + list item)表示有序列表
2. ul + li (unordered list + list item)表示无序列表
3. dl + dt + dd (description list + term + data) 表示一个说明表,描述其相关的内容
4. pre (preview) 表示预览,如果你想保留空格、回车等操作,可以使用改标签。
5. hr (分割线)
6. br (break) 换行
7. a (anchor) 表示链接标签,翻译为锚。
8. em (emphasis) 表示强调,一般指语气上的强调。
9. strong 表示对内容本身重要性进行强调
10. code (code里面的字是等宽的)
11. q (quote)定义短的引用。浏览器经常在引用的内容周围添加引号。
12. blockquote 表示块引用。标签之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。