1. HTML 起手式
新建demo-->新建html--><!DOCTYPE html>
2. 全局属性
- style 元素CSS样式声明
<style>
style{display:block;}
#xxx{
color:green;
}
</style>
使得style可见，前提需将style放入body中
- class 类名列表
<style>
[class="hder"]{
color:red;
}
.hder{
color:green;
}
</style>
<header class="hder">这是我的html笔记</header>
如果class有多个属性，则[class="属性"]需写入全部属性才可匹配对应的class，使用 .属性方式写入class的某一个属性即可匹配class
-
contenteditable 元素是否可被用户编辑
-
hidden 隐藏元素
-
id 唯一标识符
翻车现场
不到万不得已不使用id，id不报错
-
tabindex 整数属性，指示元素是否可以获取输入焦点（可聚焦），是否应该参与顺序键盘导航
正值通过顺序键盘导航进行聚焦和访问,0 表示最后访问，-1表示不可通过键盘导航到达 -
title 表示与其所属元素相关信息的文本
3.章节标签
| 章节 | |
|---|---|
<section> |
定义文档中的一个章节 |
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> |
六层文档标题，<h1> 最大,<h6> 最小 |
<article> |
可以独立于内容其余部分的完整独立内容块 |
<p> |
定义一个段落 |
<header> |
定义页面或章节的头部 |
<footer> |
定义页面或章节的尾部 |
<main> |
定义文档中主要或重要的内容。 |
<aside> |
定义和页面内容关联度较低的内容 |
<div> |
代表一个通用的容器 |
4.内容标签
| 内容标签 | |
|---|---|
<ol> |
定义一个有序列表 |
<ul> |
定义一个无序列表 |
<li> |
定义列表中的一个列表项 |
<dl> |
定义一个定义列表（一系列术语和其定义） |
<dt> |
代表一个由下一个 <dd> 定义的术语 |
<dd> |
代表出现在它之前术语的定义 |
<pre> |
代表其内容已经预先排版过，格式应当保留 |
<hr> |
代表章节、文章或其他长内容中段落之间的分隔符 |
<br> |
代表换行 |
<a> |
代表一个链接到其他资源的超链接 |
<em> |
代表强调 文字 |
<strong> |
代表特别重要 文字 |
<code> |
代表计算机代码 |
<q> |
代表内联的引用 |
<blockquote> |
代表引用自其他来源的内容 |
<pre>
<code>
var a = 1
console.log(a)
</code>
<hr>
<p>
控制风险的<em>最好办法</em>是<strong>深入思考</strong>
</p>
<pre>
<ul>
<li> 查理·芒格说过：<q>我相信人类快乐的秘诀在于不要把目标定得太高。</q></li>
<li> 沃伦·巴菲特说过：<blockquote>在错误的道路上，奔跑也没有用</blockquote></li>
</ul>
</pre>
