HTML 分类

在学习本章节之前，先了解一下什么是前端

现在是一个大前端时代，简单来说，大前端就是所有前端的统称，比如网站、小程序、Android、iOS、Watch 等，最接近用户的那一层也就是 UI 层，然后将其统一起来，就是大前端。

引用网友的一句话：ES2015 开始 JavaScript 的发展宛如坐上了火箭，有幸见证了一场又一场繁荣，由此可见，前端发展之迅猛。我们既然站在风口浪尖上，那就赶紧乘风而起吧!

在我们的课程中，已经为大家设计好了整套的前端技术体系

所有技术的核新（基础）是：HTML5+CSS3+JavaScript，但其实这些内容都是简单易学的

提示

HTML5+CSS3 都十分简单，而 JavaScript 才是重中之重，你在前端的道路上能够走多远，这完全取决于你对 JavaScript 的理解和掌握程度！

这里会写一个最简单的小例子，讲述 HTML5+CSS3+JavaScript 效果

总结

通过上面的案例，我们明显的能够体会到，HTML 会让你的网页有内容，css 会让网页上的内容更加好看，而 js 则会动态的去修改网页内容，具有支配浏览器的能力。

下面，正式开始进入 HTML 的学习了！

刘春龙原创2026/3/5大约 4 分钟

标题（Heading）是通过<h1> - <h6>标签进行定义的。<h1>定义最大的标题 ,<h6>定义最小的标题。
请确保将 HTML 标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。正确使用标题有益于 SEO，应该将<h1> 用作主标题（最重要的），其后是 <h2>（次重要的），再其次是 <h3>，以此类推。
标题标签位置摆放，在标签中添加属性：align="left | center | right" 默认居左

刘春龙原创2026/3/5大约 1 分钟

段落是通过<p>标签定义的

<p>这是一个段落</p>
<p>这是另一个段落</p>

刘春龙原创2026/3/5小于 1 分钟

网站中最多的元素毋庸置疑，一定是图片，<img> 标签定义 HTML 页面中的图像

注意

<img>是单标签，不需要进行闭合操作

刘春龙原创2026/3/5小于 1 分钟

绝对路径

绝对路径是电脑的盘符存储与访问的具体地址

<img src="E:\code\1.jpg" />

刘春龙原创2026/3/5小于 1 分钟

HTML 使用标签 <a>来设置超文本链接,超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，你可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

超文本链接属性

刘春龙原创2026/3/5大约 2 分钟