前端学习从青铜到王者—HTML介绍
Posted 王同学要努力
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端学习从青铜到王者—HTML介绍相关的知识,希望对你有一定的参考价值。
【前端学习从青铜到王者】—html介绍(一)
📢 大家好,我是王同学,欢迎来到我的前端王者专栏 🎈
📢 非常感谢你的阅读,若文章中有不对的地方欢迎指正 🎈
📢 越努力,越幸运,愿我们都能在看不到的地方闪闪发光!🎈
一、什么是HTML
- HTML 是用来描述网页的一种语言
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
二、HTML 标签
- HTML 标记标签通常被称为 HTML 标签
(HTML tag)
- HTML 标签是由尖括号包围的关键词,比如
<html>
- HTML 标签通常是成对出现的,比如
<b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
- 双标记也叫做封闭类型标记
- 非封闭类型标记也叫做空标记或者单标记如
<br/>
三、HTML 文档
- HTML 文档描述网页
- HTML 文档包含
HTML
标签和纯文本 - HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:
<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
例子解释
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
四、文件后缀
文件后缀为.html
或者.htm
五、浏览器解析执行
HTML由浏览器解析执行,由上往下,由左往右,HTML不识别多余的空格和换行
六、HTML属性
- 双标记写在开始标记里面,用空格隔开
- 单标记写在
/
前面,用空格隔开 - 一个标签可以有多个属性,用空格隔开,不区分前后顺
- HTML不区分大小写,建议小写可读性更高
例如
<img src="w3school.jpg" width="104" height="142" />
<a href="http://www.baidu.com">This is a link</a>
以上是关于前端学习从青铜到王者—HTML介绍的主要内容,如果未能解决你的问题,请参考以下文章