什么是HTML?

大家好!我戴向天又来更新了!

什么是 HTML?

HTML 是用来描述网页的一种语言。

  1. HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  2. HTML 不是一种编程语言,而是一种标记语言 (markup language)
  3. 标记语言是一套标记标签 (markup tag)
  4. HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  1. HTML 标签是由尖括号包围的关键词,比如
  2. HTML 标签通常是成对出现的,比如
  3. 标签对中的第一个标签是开始标签,第二个标签是结束标签
  4. 开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

  1. HTML 文档描述网页
  2. HTML 文档包含 HTML 标签和纯文本
  3. HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

以上几段都是来自于w3school

接下来就表演一个最有名的:hello world

第一步:鼠标在电脑桌面上右击选择新建文件。
在这里插入图片描述
第二步:修改文件名以及后缀名:hello word.html 此时就做好一个网页了。预览方式请查看第三步。
在这里插入图片描述
按下键盘上的回车键 Enter 就会变成下张图片的样子,当然文件的图片会根据你电脑默认的浏览器进行显示,若和我的显示样子不一样的话,完全不用担心。
在这里插入图片描述
第三步:打开该文件。鼠标放置在该文件上面,然后进行右击,选择打开方式,然后再选择浏览器,如果不知道怎么选择的话,就选择Internet Explorer这个选项
在这里插入图片描述
打开之后一片空白的。什么内容都没有。这是因为你还没告诉它该显示什么样的类容。

其实每一个网页就像是一个人一样。

        先它得有名字 ===》hello world.html 这个就是它的名字

        接着就是得有一个包装它的框子,则这个框子就是html

        这个人得有个头和身体。由于编程这个东西呢是外国人发明的所以,头是英文的 head。身体就是英文中的 body。(哈哈,是不是简简单单就学会了两个英语单词)

        头部内容就是人的大脑,这个大脑里面包含有title(标题)。这个东西就是用来告诉Browser(浏览器)我叫什么名字的。如果你不告诉Browser的话它就会用你最初始的名称:hello word.html这个名字显示在浏览器的页面选项窗口上。毕竟这个名称看起来很丑。于是我们就可以用title标签来进行重新告诉浏览器这个人叫什么名字

        接下来就是告诉Browser(浏览器)我的身体里面都有一些什么东西和内容,告诉的方式就是把内容写在body(身体)里面。

来复制下面的代码

<!-- 包装的框子 -->
<html>
        <!-- 头部内容 -->
        <head>
                <!-- 告诉Browser(浏览器)我叫什么名字 -->
                <title>helloWorld</title>
        </head>
        <!-- 身体内容 -->
        <body>
                Hello! World === 你好!世界
        </body>
</html>

然后再接着重新打开hello world.html文件。对了,这回就要用另外一种方式来进行打开了。来,跟着以下几张图片一起操作。

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

接着就是按住键盘的Ctrl键再按住S键就好了:Ctrl + S (这个组合键就是保存文件的快捷键:tips: S 代表英文的save(保存))

按完以后呢我们再重新用Browser(浏览器)打开就会呈现以下类容
在这里插入图片描述

发布了33 篇原创文章 · 获赞 6 · 访问量 20万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章