简介
超文本标记语言(英语:Hyper Text Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
html需要和css、js配合才能完成美观的页面。
浏览器可以读取HTML文件,并将其渲染成可视化网页。
- HTML 负责展现网页的内容
- CSS 层叠样式表,负责以什么样的样式展现网页的内容,比如字体的大小和颜色,背景图片和内容放在什么位置。
- JavaScript (简称JS)负责用户和网页内容的交互,就是让网页内容动起来。
简单讲:HTML是一个页面的骨架;css主要是样式美化;js,那可就花里胡哨了,你在网页上看到大部分骚操作基本都是js实现的。
HTML 文档总体结构
<!DOCTYPE html>
<!--
我是 HTML 语言中的注释,可以单行,
也可以多行。
-->
<!--设置页面的语言: 英文。中文把 en 换成 zh-CN -->
<html lang="en"> <!--网页开始-->
<head> <!--网页头开始-->
<title>helloworld</title> <!--页面标题-->
<meta charset="UTF-8"/> <!--元信息 可以设置字符格式、作者、被搜索的关键词等等等等-->
</head> <!--网页头结束-->
<body> <!--网页体开始 页面主体内容就是这里-->
<!--页面正文标签开始-->
<div>
页面正文内容
</div>
<!--页面正文标签结束-->
</body> <!--网页体结束-->
</html> <!--网页结束-->
HTML5
社会在进步,时代在召唤,HTML也是要升级的。
实际上是沿用了之前的 html 语法,只是做的更加简单、更加人性化。
- 不区分大小写 (规范化建议小写)
- 支持布尔值
- 属性的值可以省略引号(规范化考虑,建议使用双引号)
<div class=c1></div>
<!--等同于-->
<div class="c1"></div>
标签和元素的关系
HTML文档由嵌套的HTML元素构成。它们用HTML标签表示,包含于尖括号中,通常需要开始标签和结束标签成对存在,如<div>helloworld</div>
当然也有不通常的情况,部分元素使用单个标签表示,不成对存在。如下
<meta />
<img />
在开始与结束标签之间也可以嵌套另外的标签元素,包括标签与文本的混合。这些嵌套的标签是父与子的关系,同层级则是兄弟关系。
<p>
我是段落标签
<a>我嵌套在段落中与段落标签是父子关系</a>
</p>
<p>
我也是段落标签,我与上面段落同层级,是兄弟关系
</p>
总结:HTML元素用HTML标签来表示,在一定程度上可以认为标签就是元素,反正大家都懂的。