网站建设
网站建设
NEWS

数字化 网络化 智能化

Date

2024.01.15

HTML简介

阅读数:0
返回列表 返回

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页应用程序系统开发以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。

HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素(如<html>),浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。

HTML可以嵌入如JavaScript的脚本语言,它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表(CSS)来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟(W3C)鼓励人们使用CSS替代一些用于表现的HTML元素。

why-you-should-choose-html5


什么是 HTML?


   ● HTML 代表超文本标记语言

   ● HTML 是创建网页的标准标记语言

   ● HTML 描述了网页的结构

   ● HTML由一系列元素组成

   ● HTML 元素告诉浏览器如何显示内容

   ● HTML 元素标记内容片段,例如“这是标题”、“这是段落”、“这是链接”等。


一个简单的 HTML 文档

1704878863(1)


示例解释

   ● 该<!DOCTYPE html>声明定义该文档是 HTML5 文档

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

   ● 该<head>元素包含有关 HTML 页面的元信息

   ● 该<title>元素指定 HTML 页面的标题(显示在浏览器的标题栏或页面的选项卡中)

   ● 元素<body>定义文档的主体,是所有可见内容的容器,例如标题、段落、图像、超链接、表格、列表等。

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

   ● 该<p>元素定义一个段落


什么是 HTML 元素?

HTML 元素由开始标记、一些内容和结束标记定义:

<标记名> 内容放在这里... < /标记名>

HTML元素是从开始标记到结束标记的所有内容:

<h1>一个标题</h1>

我的第一段</p> _ _

Start tagElement contentEnd tag
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<br>nonenone

注意:某些 HTML 元素没有内容(例如 <br> 元素)。这些元素称为空元素。空元素没有结束标记!



网络浏览器

Web 浏览器(Chrome、Edge、Firefox、Safari)的用途是读取 HTML 文档并正确显示它们。

浏览器不显示 HTML 标签,而是使用它们来确定如何显示文档:

img_chrome


HTML 页面结构

下面是 HTML 页面结构的可视化:

1704878752(1)

注意: <body> 部分内的内容将显示在浏览器中。<title> 元素内的内容将显示在浏览器的标题栏或页面的选项卡中。


HTML 历史记录

自万维网诞生之初起,HTML 就出现了许多版本:

YearVersion
1989Tim Berners-Lee invented www
1991Tim Berners-Lee invented HTML
1993Dave Raggett drafted HTML+
1995HTML Working Group defined HTML 2.0
1997W3C Recommendation: HTML 3.2
1999W3C Recommendation: HTML 4.01
2000W3C Recommendation: XHTML 1.0
2008WHATWG HTML5 First Public Draft
2012WHATWG HTML5 Living Standard
2014W3C Recommendation: HTML5
2016W3C Candidate Recommendation: HTML 5.1
2017W3C Recommendation: HTML5.1 2nd Edition
2017W3C Recommendation: HTML5.2

TAG:

HTML简介

SHARE:

山东尧网数字科技有限公司二维码
山东尧网数字科技有限公司二维码
山东尧网数字科技有限公司二维码微博
山东尧网数字科技有限公司企业邮箱
微信二维码