《HTML入门笔记1》

138 阅读1分钟

1. HTML历史

  • Tim Berners-Lee,我称为李爵士
  • 发明了WWW(万维网),同时发明了THML、HTTP、URL
  • 2004年,英女皇给他颁发大英帝国爵级司令勋章
  • 2017年,被颁发图灵奖

2. HTML起手式

<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <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>
</html>

起手式主要标签

  • <!DOCTYPE html> 文本类型
  • <html lang="en"> 语言种类,可改为“zh-CN”简体中文
  • <meta charset="UTF-8">字符编码
  • <title> </title>标题
  • <head> </head>头部
  • <body></body>身体

3. 章节标签

  1. 标签h1 - h6
  2. 章节section
  3. 文章article
  4. 段落p
  5. 头部header
  6. 脚部footer
  7. 主要内容main
  8. 旁支内容(非主要内容)aside
  9. 划分区域 div

4. 全局属性

  1. class类名,可以创建多个
  2. idclass作用相同,可以用JS调用,不是唯一的,尽量用class
  3. contenteditable 使元素变成可编辑
  4. hidden隐藏,看不见
  5. style样式
  6. tabindexTab键切换,“1”为第一位,“0”为最后一位,“-1”不要选中我
  7. title提示额外信息

5. 内容标签

  1. ol + li有序列表

  2. ul + li无序列表

  3. dl + dt + dd描述型列表 在HTML中多处空格、回车、tab 等内容,默认会被转化为一个空格

  4. pre保留空格

  5. code等宽字体

  6. hr分隔符号

  7. br换行

  8. a超链接

  9. em表示语气上的强调,默认样式斜体

  10. strong表示内容本身的重要性,默认样式加粗

  11. quote引用

  12. blockquote引用