在我们开始学习制作网站时,HTML 看起来真的是很神秘,但它其实是建立网站时最基础的语言。记得我刚开始学制作网站时,就是走起下载别人的网页,然后逐行逐行的删除来看哪一条代码是控制网页里的什么东西,才慢慢的学到现在变成专家了。今天让我们一起来了解这个网络世界的”积木”吧!
什么是 HTML?
HTML 是 HyperText Markup Language 的英文缩写,至于他直接翻译是什么意思我也不知道,哈。但我们最重要是我们要知道它的重要性,它其实就像是网页的骨架,负责组织和展示网页上的内容哟。
HTML 的作用是什么?
那么 HTML 是如何可以帮助我们展示网页上的内容呢?其实网页都是由 HTML 来创建网页结构在用 CSS 来美化设计,那些在网页上展示的文字和图片都是透过 HTML 来插入的哟,不单单是文字与图片,现在的 HTML5 还可以嵌入视频和音频了哦。最后把所有网页链接起来就是需要在网页上添加链接,这也是由 HTML 来达成的哟。
HTML 的基本结构
说了那么久也没有让你们看 HTML 长什么样子,我写一个简单的 HTML 文件是长这样的哦:
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<!-- 文字 -->
<h1>欢迎来到我的网站!</h1>
<p>这是一个段落。</p>
<p>
<!-- 图片 -->
<img src="image.jpg">
</p>
<p>
<!-- 链接 -->
<a href="about.html">Read More</a>
</p>
<p>
<!-- 链接 -->
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</p>
</body>
</html>
常用HTML标签
我整理了一些我经常会使用的标签,我们大家一起来看看:
- 文本标签
<h1>
到<h6>
– 标题<p>
– 段落<strong>
/<b> – 加粗文字<em>
– 斜体文字- <div> – 包裹文字的框架,配合使用 CSS 超好用的
- 链接和图片
<a>
– 超链接<img>
– 插入图片
- 列表
<ul>
– 无序列表<ol>
– 有序列表<li>
– 列表项目
- 表格
<table>
– 表格<tr>
– 表格行<td>
– 表格单元格
为什么要学 HTML?
HTML 是网页开发的第一步,我们也可以透过学习 HTML 来理解网站结构,学会了 HTML 就可以制作一个简单网页了哟。
考虑到职业发展,如果你是想要成为一个网页工程师, HTML 是网页开发必备技能,学会了你们就可以提升就业竞争力,同时也可以更快的理解其他的网络技术哦
总结
HTML 是网页开发时的最为基础的一部分,虽然是简单但却非常重要。我们只要熟练的掌握了 HTML,就等于拥有了创建网站的第一把钥匙哦!记住学习 HTML 最好的方法就是多练习没有捷径,建议从简单的单个网页开始试练习,然后慢慢提升自己的能力去练习 CSS 和 Javascript。
你准备好开始学习 HTML 了吗?欢迎在我们的评论区分享你的学习计划哟!