HTML基础

（1）HTML标题

（1）HTML标题：“<h1>  xxx</h6>” 标签来定义标题

（2）HTML段落：“<p> xxx</p>”定义段落

（3）HTML链接：“<a href ="xxxx">这是一个链接</a>a>”

（4）HTML图像：<img src ="C:/study/TyporaStudyNotes/前端/xxxx.png" width ="xxx" height ="xxx" />

HTML元素

（1）元素语法

（1）开始标签、结束标签

（2）元素标签在开始和结束标签之间

（3）html具有空内容的标签，其开始标签在空标签何中结束

（4）HTML语言具有嵌套的属性

HTML属性

（1）注意

（1）元素内可设置属性

（2）属性总是以名称/值对的形式出现

（3）属性和属性值对大小写不敏感但是建议推荐小写

HTML标题

(1)标题的作用

（1）标题有<h1></h6>之分

（2）搜索引擎使用标题来为网页结果和内容编制索引

(2)技巧：水平线

（1）hr元素可以分隔元素

（2）eg：<p>这是一个段落

​                       <hr>

​                   </p>这是一个段落

（3）注释

（1）<!-- 这是一个注释-->

（4）换行：

（1）<br>

HTML文本格式化

（1）文本格式化

（1）<b>加粗</b>：b、strong

（2）<big>放大</big>：big

（3）<em>斜体</em>:em、i

（4）文本<sub>下标</sub>：sub

（5）文本<sup>上标</sup>:sup

（2）预格式语言

（1）<pre>预格式语言</pre>:我的理解可以在里面设置空格

（3）计算机输出标签：

（1）这些标签常用于显示计算机/编程代码

（2）<code>计算机输出</code>:code

（3）<kbd>键盘输入</kbd>:kbd

（4）<tt>打字机文字</tt>:tt

（5）<samp>计算机代码样本</samp>:samp

（6）<var>计算机变量</var>:var

（4）缩写和首字符缩写

（1）<abbr title="You S B">你</abbr>:<abbr title=xxx">xxx</abbr>”“是齐的

### （5）文字方向

（1）<bdo dir ="rtl">你好啊</bdo>

（2）eg： < bdo dir = “rtl”>你是</bdo>

### （6）块引用

（1） <q>:定义短的引用语

### （7）删除字和插入字

（1）<del>你是傻瓜</del>:删除：del

（2）<ins>你是</ins>:插入字：ins

HTML链接

（1）作用及语法

（1）在标签<a> 中使用了href属性来描述链接的地址

（2）未访问过的，蓝色带下划线。访问过的，紫色下划线

（3）语法：<a href ="url">链接文本</a>

### （2）HTML链接-target属性

（1）id 属性可用于创建一个 HTML 文档书签。

（2）**提示:** 书签不会以任何特殊方式显示，即在 HTML 页面中是不显示的，所以对于读者来说是隐藏的