HTML
HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。
万维网联盟
1.万维网联盟World Wid Web Consortium
2.W3C专门为了定义网页的标准而成立
3.W3C定义了网页中的HTML、CSS、DOM、HTTP、XML等标准。
超文本
“超文本”是指在单个网站内或网站之间将网页彼此连接的链接。链接是网络的基础。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。
简单的HTML文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>网页标题</title>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>
标签
- HTML中的标记指的就是标签
- HTML使用标记标签来描述网页
- 结构:
<标签名> 标签内容 </标签名>
<标签名/>
元素
我们还可以将一个完整的标签称为元素
这里我们可以将元素和标签认为是同义词。
<h1>一级标题</h1>
上边的h1我们称为元素
<p>我是一个<em>段落</em></p>
-
p也是一个元素,em是p的子元素,p是em的父元素。
<body> <p><em>内容</em></p> <body>
body也是一个元素。
body是p和em的祖先元素
p和em是body的后代元素
属性
可以通过HTML标签设置属性
通过属性为HTML元素提供附加信息。
属性需要设置在开始标签或字节数标签中
属性总是一名称/值对的形式出现
比如: name = "value"
-
有些属性可以是任意值,有些则必须是指定值
<h1 title="我是一个标题"> 标题</h1> <img src ="" alt=""/>
常见属性
- id
id属性作为标签的唯一识别,在同一个网页中不能出现相同的id属性值。 - class
class属性是用来为标签分组,拥有相同class属性的标签我们认为就是一组,可以出现相同的class属性,可以为一个元素指定多个class。 - title
title属性用来指定标签的标题,制定title以后,鼠标移入到元素上方是,会出现提示文字。
注释
HTML注释中的内容不会在网页中显示。
-
格式:
<!--注释内容-- >
合理的使用注释可以帮助开发人员理解网页的代码。
注释不能嵌套!
html5
*文档声明
<!DOCTYPE html>
编码问题
- 在计算机的内部,文件都是以二进制编码保存的。
- 所谓的二进制编码就是1和0,也就是我们的所有内容都需要转换为1和0。
- 中国俩个字在计算机的底层保存的可能要转换为10100101这种二进制码,这一过程称为编码。
- 计算机在读取文件是需要将101000101在转换为中文给我们显示这一过程称为解码。
字符集
- 这就给我们带来一个问题,中国到底是10100101还是01011010到底有谁说的算。
- 所以我们还需要一个称为字符集,字符集规定了如何将文本转换为二进制编码。
- 常见的字符集:ASKLL、ISO8859-1、GBK、GB2312、UTF-8。
乱码
- 如果我们保存文件是使用的是utf-8进行编码,而浏览器读取页面中的内容不能正常显示,也就是我们说的乱码。
- 所以我们只需要同意两者使用的字符集就可以解决乱码问题。
- 这里为了页面有更好的实用性, 我们一把使用utf-8。
解决乱码
-
保存文件的编码我们直接通过编辑器即可指定,接下来就是要告诉浏览器是用什么字符集去解析文件。
在html5中只需使用meta标签即可完成这个任务<meta charset="utf-8"/>
<meta>
- 作用:
-<meta>标签可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。