Ron

HTML基础知识

HTML概述

HTML是Hyper Text Markup Language （超文本标记语言）的缩写。它是一种标记语言，而不是一个编程语言，因为HTML是使用标签来描述网页的，你可以理解为，浏览器已经内置了对这些标签的功能展示，你只需要使用这些标签模板拼凑出你的页面即可。

html文档

我们通常称呼的html或者html文件是指用HTML语音编写的以 .html 或 .htm作为后缀名的文件。

我们在浏览器中打开的网页就是一个完整的html文件，当然，为了页面内容和交互更加丰富，开发人员还在这个html文件中引入了css文件和js文件。

先来看看一个最简单的最基本的html文档：

<!DOCTYPE html>
<html>
    <head>
    	<meta charset="utf-8">
    	<title>Ron的第一个html页面</title>
    </head>
    <body>
        <p>我有一个好兄弟，他叫WBD</p>
    </body>
</html>

浏览器显示效果：

tag_1

元素

正如概述中所说，HTML语言是一种标记语言，描述页面某个区域或部分使用的是标签，无论多复杂的页面也都是由一个个标签组合而成的。我们将会在后面*标签*章节中详细的介绍。

注释

基本每种开发语言都有自己的注释功能。HTML注释就是开发过程中，将一些不需要展示在浏览器页面上，但又不能直接从代码中删除的文字，使用特定的符号标记起来。比如一些供开发人员浏览的备忘文字等。

HTML语音中只有一种注释写法，符号是：

<!--  -->

正确的注释写法：

<!-- 这是被注释的内容 -->

注意：

1、注释不能放在单个标签内部，如：

<div <!-- 这是错误的写法 --> > </div>     

<img <!-- 这是错误的写法 --> />

2、注释不能嵌套，如：

<!-- 这是错误的写法 <!-- 这是错误的写法 --> -->

上述情况因为多个尖括号相邻存在，影响了注释结构，导致浏览器解析错误，注释失败。

结构

文档类型声明，下面是声明为 HTML5 文档的写法：

<!doctype html>

html元素是HTML 页面的根元素：

<html></html>

head元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8：

<head></head>

title元素描述了文档的标题，放在head标签内：

<title></title>

body元素包含了可见的页面内容，也就是我们在页面上能看到的部分：

<body></body>

p标签是一个段落标签，你也可以根据自己的内容使用其他的标签。

← 标签 →