HTML 简介
HTML 编辑器

HTML 简介

请通过如下实例来建立一个简单的 HTML 页面,以此来简单了解一下 HTML 的结构。

实例

实例解析

<!DOCTYPE html>
声明为 HTML5 文档
<html></html> HTML 页面的根元素
<head></head> 包含了文档的元(meta)数据
<title></title> 描述了文档的标题
<body></body> 包含了可见的页面内容
<h1> </h1> 定义一个大标题
<p> </p> 定义一个文章段落

标签

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

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

什么是 HTML?

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

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页li>

Web 浏览器

Web 浏览器是用于读取HTML文件,并将其作为网页显示。

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

目前主流的浏览器有 Chrome, Firefox, Edge, Opera, Safari

中文编码与中文翻译

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

目前部分浏览器自带翻译功能,在部分自动生成 HTML页面中 ( 会把语言标注en ( 英文 ) ) 会弹出询问是否翻译成中文,实际上我们的 HTML是中文啦。例如 Edge浏览器。建议声明成中文网页 lang="zh"

实例
HTML 简介
HTML 编辑器
关注本站微信公众号