HTML入门笔记
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; }