HTML 简介

HTML 简介

HTML 实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>

实例解析

HTML 简介


什么是HTML?

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

  • HTML 指的是超文本标记语言:HyperText Markup Language

  • HTML 不是一种编程语言,而是一种标记语言

  • 标记语言是一套标记标签 (markup tag)

  • HTML 使用标记标签来描述网页

  • HTML 文档包含了HTML标签文本内容

  • HTML文档也叫做 web 页面


HTML 标签

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

  • HTML 标签是由尖括号包围的关键词,比如 “

  • HTML 标签通常是成对出现的,比如 <b></b>

  • 标签对中的第一个标签是开始标签,第二个标签是结束标签

  • 开始和结束标签也被称为开放标签和闭合标签

内容


HTML 元素

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

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

HTML 元素:

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


Web 浏览器

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

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

file


HTML 网页结构

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

HTML 简介

只有 “ 区域 (白色部分) 才会在浏览器中显示


HTML版本

从初期的网络诞生后,已经出现了许多HTML版本:

版本 发布时间
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013

“ 声明

“声明有助于浏览器中正确显示网页。

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

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

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

通用声明

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">

中文编码

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

HTML 实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
页面标题</title>
</head>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>

若文章对你有帮助,可以点赞或打赏支持我们。发布者:lyh会员,转载请注明出处:http://61.174.243.28:13541/AY-knowledg-hub/html-%e7%ae%80%e4%bb%8b/

(0)
lyhlyh会员认证作者
上一篇 2023年 4月 10日 下午9:29
下一篇 2023年 4月 11日 下午6:49

相关推荐

  • lvdisplay

    文章目录lvdisplay补充说明语法参数实例 lvdisplay 显示逻辑卷属性 补充说明 lvdisplay命令 用于显示LVM逻辑卷空间大小、读写状态和快照信息等属性。如果省…

    入门教程 2023年 12月 19日
  • id

    文章目录id概要主要用途选项参数返回值例子注意 id 打印真实以及有效的用户和所在组的信息 概要 id [OPTION]… [USER]… 主要用途 没有选项时,打印指定用…

    入门教程 2023年 12月 19日
  • reboot

    文章目录reboot补充说明语法选项实例 reboot 重新启动正在运行的Linux操作系统 补充说明 reboot命令 用来重新启动正在运行的Linux操作系统。 语法 rebo…

    入门教程 2024年 3月 1日
  • HTML 布局

    网页布局对改善网站的外观非常重要。 请慎重设计您的网页布局。 文章目录网站布局HTML 布局 – 使用<div> 元素实例HTML 布局 – 使…

    2023年 4月 13日
  • Java 数组

    数组对于每一门编程语言来说都是重要的数据结构之一,当然不同语言对数组的实现及处理也不尽相同。 Java 语言中提供的数组是用来存储固定大小的同类型元素。 你可以声明一个数组变量,如…

    2023年 3月 4日
  • lpr

    文章目录lpr补充说明语法选项参数实例 lpr 将文件发送给指定打印机进行打印 补充说明 lpr命令 用于将文件发送给指定打印机进行打印,如果不指定目标打印机,则使用默认打印机。 …

    入门教程 2023年 12月 19日
  • git 工作流程

    本章介绍了git的大致工作流程

    2024年 4月 30日
  • IOS加速度传感器(accelerometer)

    文章目录简介实例步骤输出 简介 加速度传感器是根据x、y和z三个方向来检测在设备位置的改变。 通过加速度传感器可以知道当前设备相对于地面的位置。 以下实例代码需要在真实设备上运行,…

    2023年 3月 30日
  • smbclient

    文章目录smbclient补充说明语法选项参数实例 smbclient 交互方式访问samba服务器 补充说明 smbclient命令 属于samba套件,它提供一种命令行使用交互…

    入门教程 2024年 3月 5日
  • squidclient

    文章目录squidclient补充说明语法选项参数 squidclient squid服务器的客户端管理工具 补充说明 squidclient命令 使用squid服务器的客户端管理…

    入门教程 2024年 3月 5日

发表回复

登录后才能评论
Translate »