【HTML】基础

HTML基础

2019-07-23 10:16:28 by冲冲

在线编辑HTML/CSS/JS效果，实时查看效果 https://c.runoob.com/front-end/61

1. 概念

① HTML：超文本标记语言（HyperText Markup Language），一种用于创建网页的标准标记语言。

② HTML不是一种编程语言，而是一种标记语言。

③ 标记语言是一套标记标签(markup tag)，使用标记标签来描述网页。

2. 格式

① HTML文档后缀名有 .html 和 .htm 。

② .htm是超文本标记(Hypertext Markup)，.html是超文本标记语言(Hypertext Markup Language)。

③ .htm来源于古老的8.3文件格式，因为DOS操作系统只能支持长度为三位的后缀名，但是目前两者的效果没有差别。

3. 实例

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>简单模板</title>
  </head>
  <body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落</p>
  </body>
</html>

标签解析：
① <!DOCTYPE html>声明该文档使用HTML5标准，该标签不区分大小写。
② 标签作用
<html>： 根元素
<head>： 头部元素
<meta>： 定义文档的元数据，如<meta charset="utf-8">定义文档的编码格式为utf-8
<title>：定义文档的标题
<body>： 主体元素，包含文档的可见内容
<h1>：   定义一个大标题
<p>：    定义一个段落
③ 中文网页需要使用<meta charset="utf-8">声明编码，否则会出现乱码。有些浏览器(如360浏览器)默认使用GBK编码，则需要设置<meta charset="gbk">。
④ HTML中不支持空格、回车、制表符，它们都会被解析成一个空白字符。多个空格会被解析成单个空格。

4. 标签

HTML 标签是由尖括号包围的关键词，比如 <html>。
HTML 标签类型有两类：成对标签（比如 和 ）和单体标签（比如 ）。
成对标签的第一个标签是开始标签，第二个标签是结束标签。开始和结束标签也被称为开放标签和闭合标签。
HTML 标签格式：<标签>内容</标签>、<标签 />。
大多数 HTML 元素可以拥有属性，比如 。
HTML 文档由嵌套的 HTML 元素构成。

5. 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思，但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，比如 这是一个段落 。

6. Web 浏览器

① Web浏览器（Google，Internet Explorer，Firefox，Safari，Opera ...）是用于读取HTML文件，并将其作为网页显示的一种应用程序。

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

7. 版本

8. <!DOCTYPE>声明

①<!DOCTYPE>标签不区分大小写，用于告知Web浏览器该页面使用的HTML版本。

<!DOCTYPE html> 
<!DOCTYPE HTML> 
<!doctype html> 
<!Doctype Html>

②HTML4.01的<!DOCTYPE>声明需要引用DTD（文档类型声明），因为HTML 4.01基于SGML（Standard Generalized Markup Language 标准通用标记语言）。

③HTML4.01规定三种不同的<!DOCTYPE>声明：Strict、Transitional 和 Frameset。

④声明示例

HTML5
<!DOCTYPE html>

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

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

posted @ 2020-01-05 20:52 Yadielr 阅读(177) 评论(0) 收藏举报

刷新页面返回顶部