大家好!我戴向天又来更新了!
什么是 HTML?
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如
- HTML 标签通常是成对出现的,比如 和
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- 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(浏览器)打开就会呈现以下类容