这篇博客介绍了HTML的基本概念，包括HTML5的新特性，以及HTML元素的构成。内容涵盖了HTML的基本结构，如头部和身体，并列举了常见的HTML标签，如标题、段落、加粗、倾斜、列表、图片和链接等。博主分享了个人学习心得，认为需通过实践巩固HTML知识。
学习时间：7月5日
学习内容：B站博主的视频
一、HTML的定义
HTML，超文本标记语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。
二、HTML标签元素
HTML元素由开始标签和结束标签组成。如<p>/<p>,<h1><h1/>。虽然现在我们还不知道具体标签代表的意思，但标签一定是这样的格式：有一对开始<>和结束</>。一般标签名推荐用小写。标签具有属性，属性用来表示标签的特征。比如，我们用大小这个属性，来衡量一个苹果。所以，大小可以用来表示苹果的特征。属性是写在标签里面的，而且是开始标签内。
三、HTML 的基本结构
结构由网页的头部和网页的身体组成。如下例子：
<html>
<head>
<title>这是我的博客</title>
</head>
<body>
这是我的身体。
</body>
</html>头部和身体就是一个网页必不可少的部分。
四、HTML常用的标签
<h1>一级标题</h1>
<!-- H1~H6，为了SEO优化一个页面只写一个H1 -->
<h6>六级标题</h6>
<p>段落标签</p>
<b>加粗</b>
<strong>加粗，带有强调语义</strong>
<i>倾斜</i>
<em>倾斜，带有强调语义</em>
<u>下划线</u>
<ins>下划线，带有强调语义</ins>
<s>删除线</s>
<del>删除线，带有强调语义</del>
<sup>上标</sup>
<sub>下标</sub>
<ul>无序列表</ul>
<ol>有序列表</ol>
<li>列表项</li>
<br/>
<!-- 换行 -->
<hr/>
<!-- 分割线 -->
<img src="图片路径" alt="图片信息">
<!-- 插入图片，Src 与 Alt 均为必须属性 -->
< a href="链接地址"></ a>
<!-- 插入超链接 -->
<!-- 语义化标签，提升代码可读性 -->
<header>网页头部</header>
<nav>导航区域</nav>
<main>网页主体</main>
<section>区块容器</section>
<article>文章内容</article>
<aside>侧边栏</aside>
<footer>网页尾部</footer>
<mark>强调文字</mark>
<svg>定义SVG图像</svg>
<pre>按照原文内容输出</pre>
<div>块分区元素</div>
<span>行内分区元素</span>
<abbr title="缩略内容全称">缩略内容</abbr>
<address>定义文档或文章的作者/拥有者的联系信息</address>
个人认知：对HTML的基础知识还应该在实践中加强巩固，在写代码时经常出现遗忘某一种代码类型的情况，希望在接下来的学习以及实践中能继续加强。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
