HTML 基础_此文章为零基础的学生打造

197 阅读4分钟

​"此文章为零基础的学生打造,先概念,后实操,分别为念经模式和撸代码模式。"

概念(念经模式)

什么是 HTML?

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

想进一步了解HTML是什么,请在微信公众号天天学前端 回复,HTML是个啥,获取响应的推文。

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词,比如 HTML 标签通常是成对出现的,比如 标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

标签的另一些叫法(元素,属性,标签,element)在以后如果有说到其他说法,说的就是HTML标签。

HTML 文档 = 网页

HTML 文档描述网页

HTML 文档包含 HTML 标签和纯文本

HTML 文档也被称为网页

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

<html>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

例子解释

<html></html> 之间的文本描述网页
<body></body> 之间的文本是可见的页面内容
<h1></h1> 之间的文本被显示为标题
<p></p> 之间的文本被显示为段落

概念过去枯燥,那么我们这就启动实操。实操需要开启您的电脑,跟着来敲打。如果您身边没有电脑,不具备条件请收藏,等有电脑时开始撸代码模式。

实操(撸代码模式)

基于对本位为零基础打造,需要找个合适的切入点。 举个例子,如果你想在电脑上记录一些事情你会怎么做? 是不是想使用电脑上的记事本功能呢? 如何打开电脑记事本

这里教你们两种打开记事本的两个方法

方法一

按win+R (win是电脑键盘的这个按键,先按着win键不放,然后按下键盘的R键) 就会出现以下,那么你就成功了一半了

在这里插入图片描述

然后在输入框里面输入 notepad ,之后点击确定按钮 在这里插入图片描述

那么,您的电脑就会出现记事本了。 在这里插入图片描述

这样就可以在记事本里面记录你需要的信息了。

方法二

你也可以使用以下方法打开记事本(在电脑工作桌面任意处,鼠标右键选择新建,然后点击文本文档,创建记事本。) 在这里插入图片描述

重命名,把新建文本文档 改成 记事本

在这里插入图片描述

重命名后 在这里插入图片描述

在记事本里面输入‘天天学前端’ 此时,我想把我写在记事本里面的‘天天学前端’显示在浏览器上,于是又是以下这个想法。 请观看视频

是不是发现新大陆了。 回到正题,我们这就开始撸代码。 HTML 编辑器 我们同样使用刚刚的记事本,进行书写。写入以下代码。

然后还是一样的做法。用浏览器打开记事本,但是我们做多一件事情,就是把文件的后缀名给改成了HTML。

请再次看视频。

如果你操作到了这一步,那么恭喜你,你已经会做网页了。 如果还没实操,那么快点试试吧。 学完听歌 点击 下面的 播放音乐。(听着美妙的歌曲再学一遍) New Boy (Live片段).mp3 00:0000:13 #让生活多一点生机 点击下面天天学前端,关注公众号,每次更新不错过。

天天学前端 在这里我们分享WEB前端的相关技术文章、学习资源、热点资讯、面试难点等内容。期待你的建议和指正。 期待和你在前端的世界中一起学习,获得更多成长! 公众号 微信公众号回复 加群 加我微信,拉你进群一起学习。

在这里插入图片描述