教程 > html 教程 > 阅读:101

html 简介——迹忆客-ag捕鱼王app官网

html称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的internet资源连接为一个逻辑整体。html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等。

现在我们通过如下的一个 html 实例来建立一个简单的 html 页面,以此来简单了解一下 html 的结构。

html 示例


迹忆客(jiyik.com)
 
 

我的第一个段落。

实例解析

html整体标签元素解析

  • 声明为 html5 文档
  • 元素是 html 页面的根元素
  • 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。
  • </code> 元素描述了文档的标题</li> <li><code><body></code> 元素包含了可见的页面内容</li> <li><code><h1></code> 元素定义一个大标题</li> <li><code><p></code> 元素定义一个段落</li> </ul> <p><strong>注</strong>:在浏览器的页面上使用键盘上的 f12 按键开启调试模式,就可以看到组成标签。</p> <hr> <h2 id="什么是html">什么是html?</h2> <p>html 是用来描述网页的一种语言。</p> <ul> <li>html 指的是超文本标记语言: hypertext markup language</li> <li>html 不是一种编程语言,而是一种标记语言</li> <li>标记语言是一套标记标签 (markup tag)</li> <li>html 使用标记标签来描述网页</li> <li>html 文档包含了html 标签及文本内容</li> <li>html文档也叫做 web 页面</li> </ul> <hr> <h2 id="html-标签">html 标签</h2> <p>html 标记标签通常被称为 html 标签 (html tag)。</p> <ul> <li>html 标签是由尖括号包围的关键词,比如 <code><html></code></li> <li>html 标签通常是成对出现的,比如 <code><b></code> 和 <code></b></code></li> <li>标签对中的第一个标签是开始标签,第二个标签是结束标签</li> <li>开始和结束标签也被称为开放标签和闭合标签</li> </ul> <div style="width:610px;border:1px solid lightgray;font-size:20px;padding:10px"> <span style="color:#98bf21"><标签></span>内容<span style="color:#98bf21"></标签></span></div> <hr> <h2 id="html-元素">html 元素</h2> <p>"html 标签" 和 "html 元素" 通常都是描述同样的意思.</p> <p>但是严格来讲, 一个 html 元素包含了开始标签与结束标签,如下实例:</p> <p>html 元素:</p> <div style="width:610px;border:1px solid lightgray;font-size:20px;padding:10px;"> <span style="color:#98bf21"><p></span>这是一个段落。<span style="color:#98bf21"></p></span></div> <hr> <h2 id="web-浏览器">web 浏览器</h2> <p>web浏览器(如谷歌浏览器,internet explorer,firefox,safari)是用于读取html文件,并将其作为网页显示。</p> <p>浏览器并不是直接显示的html标签,但可以使用标签来决定如何展现html页面的内容给用户:</p> <p><img src="/uploads/210702/i_2021070220525092b535.jpg" alt="html标签第一个示例"></p> <hr> <p>下面是一个可视化的html页面结构:</p> <div style="width:99%;border:1px solid grey;padding:3px;margin:0;background-color:#ddd"><html> <div style="width:90%;border:1px solid grey;padding:3px;margin:20px"><head> <div style="width:90%;border:1px solid grey;padding:5px;margin:20px"><title>页面标题

这是一个段落。

这是另外一个段落。

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


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 声明是不区分大小写的,以下方式均可:



通用声明

html5


html 4.01


xhtml 1.0


查看完整网页声明类型 doctype 参考手册。


中文编码

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

html 实例



页面标题
 
 

我的第一个段落。

查看笔记

扫码一下
查看教程更方便
网站地图