HTML入门笔记1

2020-06-18 100 阅读1分钟

HTML的诞生

HTML由Tim Berners-Lee(李爵士)与1990年发明的，一同诞生的还有URL和HTTP。

HTML的起手式

Emment !

<!DOCTYPE html>     <!--文档类型-->
<html lang="zh">    <!--字体类型-->
  <head>
    <meta charset="UTF-8" />    <!--字符编码的格式-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /><!--禁用缩放兼容手机-->
    <title>网页标题</title>
  </head>
  <body></body>
</html>

HTML的一些常用标签

h1~h6 html的标题从大到小
section 章节内容
article 文章
p 段落
header 页首
footer 页脚
main 主要内容
aside 侧边内容

全局属性

在HTML中所有标签都存在的属性

class: 标签的类
contenteditable: 内容是否可编辑
hidden: 隐藏所写内容
id: 标签的id(具有唯一性)
style: 样式(行内样式优先级更高)
tabindex: 与键盘上的tab键配合使用正数为顺序，0表示最后访问，-1代表永不访问
title: 鼠标悬停时的提示

HTML的内容标签

下面是一些常用的内容标签

ol+li: 有序列表
ul+li: 无序列表
a：用于跳转链接
em：用于语气强调
strong：表示内容重要
code：使用等宽字体表示代码，换行结合pre标签
pre：html默认会将多个空格和换行缩进为一个，pre标签可以保留原先的空格和换行