HTML入门笔记

180 阅读2分钟

i、 HTML 是谁发明的HTML是Tim Berners-Lee“李爵士”发明的。他发明了万维网(WWW)包括HTML、HTTP、URL,万维网是基于互联网创建的。

ii、 HTML 起手式的意思是,写 HTML 时所必须的基本格式, 它包括文档类型,字符集编码,语言以及浏览器兼容等。一般在使用编译器的时候,可以通过! + Tab一键配置 HTML 的基本格式,如下图所示:

iii、 表章节标签

标题h1 ~h6

章节section

文章article

段落p

头部header

脚步footer

主要内容main

旁支内容aside

划分div

iv、 全局属性

class类。给元素取一个类名,一般配合 css 设置样式

id 全局唯一id,一般配合 js 使用,但是由于多处使用了浏览器也不报错,所以慎用

style 内联样式

title 鼠标移到标签上会在鼠标旁显示title的值

hidden 控制标签的隐藏

tabindex 如果元素需要被键盘tab键选中,可以设置值。值 < 0,表示不被tab选中;值 == 0,表示最后被选中;值 > 0 表示按值大小顺序选中

contenteditable 使标签可被直接编辑。想要更直观看到这个属性的效果可以点击这里修改样式试试看,或者复制下面的代码运行一下

v、 常用的内容标签

ol + li ordered list + list item。无序列表

ul + li unordered list + list item。有序列表

dl+ dd + dt description list + term + data。自定义列表

pre 被 pre 包裹的内容以原始内容输出。比如内容有多个空格以及换行都正常显示

hr 分隔线

br 换行

a 超链接标签

em 语气上强调

strong 表示内容重要

code 内容字体等宽。一般包裹代码块

q (quote) 引用。行内引用

blockquote 块级引用。被包裹的内容与上一行内容有一个缩进

reset.css 修改HTML默认样式

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::before,
*::after {
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}
input,
button {
  font-family: inherit;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}