这是我参与「第四届青训营 」笔记创作活动的的第1天。
本次笔记的内容是对HTML简单知识的一次小总结。
（一）HTML文件结构
-
起始行 -------> <!DOCTYPE html>
-
开始标签 -----> <html>
-
结束标签 -----> </html>
开始标签和结束标签成对存在
注：在MarkDown中，使用尖括号"<"和">"，会被文本默认为HTML语句。这将导致尖括号本身及尖括号中的内容都不会被显示。
解决方法：使用转义字符。使用 "<" 代替 “<” , 使用 ">" 代替 ">"。 例如要输出<a>，则需要写为 <a>
(二）HTML常用标签
- 标题标签
<h1>这是1级标题</h1>
<h2>这是2级标题</h2>
<h3>这是3级标题</h3>
<h4>这是4级标题</h4>
<h5>这是5级标题</h5>
<h6>这是6级标题</h6>
- 段落标签
<p>这是一段正文</p>
- 文本样式标签
<p>这是一段文本，<b>我是加粗的</b>，<i>我是斜体</i>，带下标的：x<sub>2</sub>，<del>我是带删除线的文本</del>，<br>我是加粗的。</p>
- 列表标签
①无序列表
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<ul>
②有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<ol>
- 超链接标签
<a href="http://www.bilibili.com">跳转到B站</a>
- 多媒体标签
①图片标签
<img src= "./image.jpg"/>
②视频标签
<video src="./video.mp4" controls></video>
③音频标签
<audio src=" ./music.mp3" controls></audio>
-
div标签
<div><h3>卡片标题<h3><p>卡片内容</p></div> -
布局标签
<header>头部信息
<nav>导航栏
<aside>侧边栏
<main>内容区域
<footer>底部信息
<article>文章详情
<section>页面分区
