HTML超文本标记语言（HyperText Markup Language) 入门基础理论代码

最新推荐文章于 2021-05-31 06:29:44 发布

VIP文章李玉鱼

最新推荐文章于 2021-05-31 06:29:44 发布

阅读量1k

点赞数 1

分类专栏：计算机网络基础文章标签： html

本文链接：https://blog.csdn.net/Linux_bai/article/details/115247980

版权

HTML 中文叫做超文本标记语言（英语：HyperText Markup Language)，简称HTML
是一种用于创建网页的标准语言，自己可以使用HTML来创立自己的WEB站点，HTML运行在浏览器，由浏览器来解析。

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的原（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
注：在浏览器的页面上使用键盘上的 F12 按键开启调试模式，就可以看到组成标签。`在这里插入代码片

HTML是标记语言不是编程语言，标记语言是一套标记标签 (markup tag)，使用标记标签来描述网页，HTML包含了标签及文本，HTML文档也叫web页面。

HTML标记标签通常被称为HTML标签（HTML tag），HTML tag是由尖号包围的关键词，<html>，HTML tag通常是成对出现的，<b>和</b>，第一个是开始标签，第二个是结束标签，也被称为开放标签和闭合标签。<标签>内容</标签>

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。浏览器不是直接显示的HTML标签，但标签来决定如何展现HTML页面的内容给用户。

HTML规范
HTML不区分大小写，但是我们一般都使用小写
HTML中注释不能嵌套
HTML标签必须结构完整，要么成对出现，要么自结束标签
HTML中写语法出现不符合规范的内容浏览器都会为你自动修正，但有些情况会修正错误
HTML标签可以嵌套，但不能交叉嵌套
HTML标签中的属性必须有值，且必须加引号（双引号单引号都行）

HTMl结构

   <head>
          <title>页面标题</title>
 </head>
    <body>
           <h1>这是一个标题</h1>
           <p>这是一个段落</p>
           <p>这是另一个段落。</p>
  </body>

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

<!DOCTYPE> doctype 声明是不区分大小写的，用来告知 Web 浏览器页面使用了哪种 HTML 版本。
不同版本的不同的<!DOCTYPE>

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

对于中文网页需要使用声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk”>。

<html> html根标签，一个页面中只有只一个根标签，网页中所有内容都应该写到html根标签

<head >标签用于定义文档头部，它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。该标签中的内容，不会在网页中直接显示，他用来帮助浏览器解析页面

标签应当写在标签中对网页的描述，搜索引擎检索页面的时候，会同时检索页面中的关键字和描述，但这两个值不会影响搜索引擎中的排名

<meta name="description" content=“学习html java">

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
定义网页作者:
<meta name="author" content="Runoob">
每30秒钟刷新当前页面:
<meta http-equiv="refresh" content="30”>
做请求重定向
<meta http-equiv=“refresh” content=“秒数”;rul="目标路径” />

<title>我的 HTML 的第一页定义HTML文档标题，title网页的标题标签，默认会显示在浏览器的标题栏中，搜索引擎检索页面时，会首先检索title标签中的内容它是网页中对于搜索引擎来说最重要的内容，会影响到网页在搜索引擎的排名。
<title>元素不仅可以显示文本，也可以在左侧显示logo等图片。

`<link rel="shortcut icon" href="图片url">`

要将<link>标签放入<head>里。

<header> 标签用于定义文档的页眉（介绍信息）。

标题（Heading）是通过<h1> - <h6> 标签来定义的.(<h1> 是最大的标题 <h6>是最小的标题),浏览器会自动地在标题的前后添加空行,浏览器检索完文档标题（title）会马上检索h1标题，标题影响着浏览器搜索排行。

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3

最低0.47元/天解锁文章

李玉鱼

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML超文本标记语言（HyperText Markup Language) 入门基础理论代码

中文叫做超文本标记语言（英语：HyperText Markup Language，简称HTML）是一种用于创建网页的标准语言，自己可以使用HTML来创立自己的WEB站点，HTML运行在浏览器，由浏览器来解析。<!DOCTYPE html> 声明为 HTML5 文档<html> 元素是 HTML 页面的根元素<head> 元素包含了文档的原（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。<tit
复制链接

扫一扫