前端开发-HTML简介

HTML实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>测试框架</title>
</head>
<body>
<h1>第一个标题</h1>
<p>第一个段落</p>
</body>
</html>

　　实例解析

什么是HTML？

HTML是用来描述网页的一种语言。

HTML标签

HTML标记标签通常被称为HTML标签（HTML tag）

<标签>内容</标签>

HTML元素

“HTML标签” 和“HTML元素” 通常都是描述同样的意思

但是严格来讲，一个HTML元素包含了开始标签与结束标签，如下实例：

HTML元素：

<p>这是一个段落</p>

web浏览器

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户：

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

注意：只有 <body> 区域 (白色部分) 才会在浏览器中显示。

HTML版本

<!DOCTYPE>声明有助于浏览器中正确显示网页

网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容

doctype声明是不区分大小写的，以下方式均可

<!DOCTYPE html> 

<!DOCTYPE HTML> 

<!doctype html> 

<!Doctype Html>

<!DOCTYPE html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>测试框架</title>
</head>
<body>
<h1>第一个标题</h1>
<p>第一个段落</p>
</body>
</html>

前端开发-HTML简介的更多相关文章