前端学习从青铜到王者—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介绍的主要内容,如果未能解决你的问题,请参考以下文章

前端学习从青铜到王者—HTML常用标签

大数据,从青铜到王者

学Python 函数从青铜到王者

学Python 函数从青铜到王者

中间件从青铜到王者第一篇: memcache初相识

中间件从青铜到王者第一篇: memcache初相识