大白关于web前端的HTML介绍|个人博客网站

HTML是超文本标记语言（英语：HyperText Markup Language）的简称，是一种用于创建网页的标准标记语言而不是编程语言。

　　我们可以通过HTML来建立自己的web站点，HTML通过浏览器来解析，在浏览器上运行。

大白关于web前端的HTML介绍

　　一、HTML 标签

　　HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

　　HTML 标签是由尖括号包围的关键词，比如 <html>

　　HTML 标签通常是成对出现的，比如 <html> 和 </html>

　　标签对中的第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也被称为开放标签和闭合标签。

　　需要注意的是<html></html>在中文网页使用的时候需要加上 <meta charset="utf-8"> 声明编码，否则会出现乱码。也有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。

　　二、HTML 网页结构

　　下面是一个可视化的HTML页面结构：

　　<html>

　　<head>

　　<title>大白关于web前端的HTML介绍(www.chengdabai.com)</title>

　　</head>

　　<body>

　　<h1>大白的第一个标题</h1>

　　<p>大白的第一个段落。</p>

　　</body>

　　</html>

　　注意：上面只有 <body> 区域 (白色部分) 才会在浏览器中显示（本身是不要加，大白只是方便大家理解所以加上的）。

　　三、下面大白给大家举个例子

　　上图中左边是在编辑器上自己写的，右边是左边内容在浏览器解析出来的（也就是我们通常浏览网页看到的）。

　　<!DOCTYPE html> 声明为 HTML5 文档

　　<html> 元素是 HTML 页面的根元素

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

　　<title> 元素描述了文档的标题

　　<body> 元素包含了可见的页面内容

　　<h1> 元素定义一个大标题

　　<p> 元素定义一个段落

说点什么吧

还没有评论，快来抢沙发吧！