HTML 是什么?

内容概览

在我们开始学习制作网站时,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标签

我整理了一些我经常会使用的标签,我们大家一起来看看:

  1. 文本标签
  • <h1><h6> – 标题
  • <p> – 段落
  • <strong>/<b> – 加粗文字
  • <em> – 斜体文字
  • <div> – 包裹文字的框架,配合使用 CSS 超好用的
  1. 链接和图片
  • <a> – 超链接
  • <img> – 插入图片
  1. 列表
  • <ul> – 无序列表
  • <ol> – 有序列表
  • <li> – 列表项目
  1. 表格
  • <table> – 表格
  • <tr> – 表格行
  • <td> – 表格单元格

为什么要学 HTML?

HTML 是网页开发的第一步,我们也可以透过学习 HTML 来理解网站结构,学会了 HTML 就可以制作一个简单网页了哟。

考虑到职业发展,如果你是想要成为一个网页工程师, HTML 是网页开发必备技能,学会了你们就可以提升就业竞争力,同时也可以更快的理解其他的网络技术哦

总结

HTML 是网页开发时的最为基础的一部分,虽然是简单但却非常重要。我们只要熟练的掌握了 HTML,就等于拥有了创建网站的第一把钥匙哦!记住学习 HTML 最好的方法就是多练习没有捷径,建议从简单的单个网页开始试练习,然后慢慢提升自己的能力去练习 CSS 和 Javascript。

你准备好开始学习 HTML 了吗?欢迎在我们的评论区分享你的学习计划哟!

订阅我们的电子报
与你一起学习新知识
猜你喜欢

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

订阅我们的电子报

订阅我们的电子报

每周定期分享最新的部落格文章

对我们的文章感兴趣?

喜欢我们的文章?现在就订阅我们的电子报吧!