HTML概念
HTML是用来描述网页的一种语言
HTML指的是超文本标记语言:Hyper Text Markup Language
HTML的特点
a)超文本:比普通文本更牛逼的文本不仅仅可以展示文字,可以展示各种媒体内容(如图)
b)一般有前端工作人员来完成,后台研发人员不需要编写
c)标记:(标签/元素/标记)
标记通常被称为HTML标签(HTML tag)
- HTML标签是有尖括号包围的关键词,比如<html>
- 封闭类型标记(也叫双标记),必须成对出现,如<p></p>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和毕业标签
- 非封闭类型标记(也叫作空标记)或者单标记,如<br/>
总结:我们学习HTML就是学习各种各样的标签,可以达到比普通文本更厉害的功能。那么后续浏览器可以对html文件做解析,就可以在浏览器上展示好看的效果。
HTML的作用
通过使用HTML的各种标签,然后生成一个HTML文件,这个文件可以被浏览器解析,浏览器内部有一个专门的HTML的解析器,解析后我们就可以看到炫酷的页面。
HTML版本
版本 | 发布时间 |
---|---|
HTML |
1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01(H4) | 1999 |
XHTML 1.0 | 2000 |
HTML5 (H5) | 2012 |
XHTML 5 | 2013 |
HTML的标准结构
通过记事本编辑代码即可,用该语言编写的文件,以.html 或者.htm为后缀。
HTML不区分大小写,建议小写
开始写代码:
(1)新建一个纯文本文档,给文件起名字,将后缀名改为.html
(2)右键-用记事本打开,编写代码
<html>
<head>
不显示在网页上,但是有比较重要的信息
<title>第一个在多易学习的网页</title>
</head>
<body>
今天天气很好,大家都坐在多易教育的教室里
</body>
</html>
(3)下载谷歌浏览器或火狐浏览器
(4)选择文本文档,右键-打开方式-谷歌浏览器等浏览器打开
(5)展示页面效果
根标签 html 最外层的标签 所有其他的标签都放入该标签中
html 根标签有两个一级子标签 分别是 head body
head 中一般放的是不显示在网页上 但是有比较重要的信息
body 中一般放的显示在页面上的内容
获取更多优质内容可以搜索多易教育公众号或搜索B站多易教育UP
多易出品,必属精品。