前端基础：HTML

一、拒绝死记硬背，理解为先

各位前端学习的小伙伴们，咱们别走传统的死记硬背的老路啦。前端学习嘛，关键得理解到位，这样才能灵活运用知识。咱们的目标就是把知识真正吃透，而不是生搬硬套。！

二、HTML 基础知识 1：网页的骨架

基本概念

HTML（超文本标记语言）就是网页的“骨架”，它负责搭建网页的基本结构，就像盖房子先得有框架一样。

常见标签及理解

  • 字体大小标签 ：在文档里设定不同大小的字体<h1> 字体最大<h6> 字体最小。比<h1>这是一个很大的标题</h1>，渲染后就是一个很醒目的大标题。

  • 段落标签 ：就相当于文档里的一个自然段，把文字放<p>标签里，就能形成一个完整的段落。例<p>这是一个段落内容</p>。

  • 超链接标签 <a>标签href属性，点击就能跳转到其他网页。<a href="https://www.example.com">这是一个超链接</a>，点击“这是一个超链接”就能跳转到对应网址。

  • 盒子标签 ：比<div>标签，它就像一个空白容器，可以用来“框”住页面各个区域，方便布局。例<div>这是一个盒子，里面可以放各种内容</div>。

  • 斜体标签 <i>标签能让字体变斜体。比<i>这是斜体文字</i>，效果就跟文档里加斜体一样。

  • 粗体标签 <b>标签会给字体加粗。<b>这是粗体文字</b>，文字就会显示得很醒目。

  • 水平线标签 <hr>标签能在文档中创建一条水平线，用来分隔内容。比如在两段文字中间<hr>，就能清晰分开前后内容。

  • 换行标签 <br>标签能在段落中强行换行。比如一段文字写<br>处就会换行继续。

  • 图像标签 <img>标签src属性，就能在网页中添加图片。例<img src="图片链接.jpg" alt="图片描述">，图片就能展示在网页上啦。