Web前端：HTML篇（一）
创始人
2024-12-18 12:09:22
0次

HTML简介：

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

一个简单的实例

     这是页面标题    
这是一个标题
 这是一个段落。

运行结果：

HTML标签

如前所述，HTML是一种标记语言，使用各种标签来格式化内容。这些标签被封装在角括号内 <标签名>. 除了一些标签外，大多数标签都有相应的闭合标签。例如，  有其闭合标签  和  标签有其闭合标签  等等。

标签的写法都是

<标签>元素

上面的HTML文档示例使用了以下标签 −

序号标签和描述
1 此标签定义文档类型和HTML版本。
2 此标签包含完整的HTML文档，主要由文档头部和文档主体组成，文档头部由...标签表示，文档主体由...标签表示。
3 此标签表示文档的头部，可以包含其他HTML标签，如，<link></code>等。</td></tr><tr><td>4</td><td><code><title></code> <code><title></code>标签用于在<code><head></code>标签中指定文档标题。</td></tr><tr><td>5</td><td><code><body></code> 此标签表示文档的主体，包含其他HTML标签，如<code><h1>，<div>，<p></code>等。</td></tr><tr><td>6</td><td><code><h1></code> 此标签表示标题。</td></tr><tr><td>7</td><td><p><code><p></code> 此标签表示段落。</p></td></tr></tbody></table><h3>HTML 元素</h3><ul><li>HTML 元素以<strong>开始标签</strong>起始</li><li>HTML 元素以<strong>结束标签</strong>终止</li><li><strong>元素的内容</strong>是开始标签与结束标签之间的内容</li><li>某些 HTML 元素具有<strong>空内容（empty content）</strong></li><li>空元素<strong>在开始标签中进行关闭</strong>（以开始标签的结束而结束）</li><li>大多数 HTML 元素可拥有<strong>属性</strong></li></ul><h4>嵌套的 HTML 元素</h4><p>大多数 HTML 元素可以嵌套（HTML 元素可以包含其他 HTML 元素）。</p><p>HTML 文档由相互嵌套的 HTML 元素构成。</p><h4>HTML 空元素（换行符<br />）</h4><p>没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。</p><p><br> 就是没有关闭标签的空元素（意味着它没有结束标签，因此这是错误的：<code><br></br></code>）。</p><p>在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。</p><p>注意：请使用 <code><br></code> 标签来插入换行符，而不是用它来增加段落之间的空白。</p><h3><!DOCTYPE> 声明</h3><p><!DOCTYPE>声明有助于浏览器中正确显示网页。</p><p>网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。</p><p>doctype 声明是不区分大小写的，以下方式均可：</p><blockquote><p><!DOCTYPE html><br /><br /> <!DOCTYPE HTML><br /><br /> <!doctype html><br /><br /> <!Doctype Html></p></blockquote><h3>中文编码</h3><p>目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。</p> <pre><code class="language-html"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 页面标题

我的第一个标题

我的第一个段落。

对于设置  后出现网页乱码问题，其实归根到底就是：你通过 meta 标签设置的编码和网页文件在保存时所使用的文档编码不相同造成的！

至于 360 浏览器会设置 GBK 为默认编码，

只要你在 html 文件里写了 和 ，浏览器就绝对会按照 utf-8 编码解析网页，保存 html 文件时，文档编码和 meta 设置的编码，一定要相同，只要不相同，就一定会出现乱码！

之所以一定要写上 ，就是为了防止浏览器的怪异模式，强制浏览器按照标准模式渲染网页！

使用小写标签

HTML 标签对大小写不敏感：

等同于

。但在未来 (X)HTML 版本中强制使用小写。（我不知道，搜的），所以最好用小写。

上一篇：三星s6edge系统爆

下一篇：云计算实训09——rsync远程同步、自动化推取文件、对rsyncd服务进行加密操作、远程监控脚本

相关内容

热门资讯

透视能赢(aapoKER)aa... 透视能赢(aapoKER)aapoker有外挂(透视)竟然是有挂(详细辅助新2025版)1、任何aa...
透视安装！德州之星插件，（德州... 透视安装！德州之星插件，（德州俱乐部）真是真的有挂（详细辅助新版2025教程）1、德州之星插件透视辅...
透视软件(Wpk)微扑克德州专... 透视软件(Wpk)微扑克德州专用辅助器(透视)详细辅助wpk教程(果然是有挂)；1、微扑克德州专用辅...
透视安装(aapoKER)aa... 透视安装(aapoKER)aapoker有挂(透视)一直有挂(详细辅助微扑克教程)；1、构建自己的a...
透视计算！德扑之星辅助器购买，... 透视计算！德扑之星辅助器购买，（德扑之星）都是真的是有挂（详细辅助玩家教你）1、许多玩家不知道德扑之...
透视透视挂(Wpk)微扑克德州... 透视透视挂(Wpk)微扑克德州专用辅助器(透视)详细辅助教你攻略(果然有挂)所有人都在同一条线上，像...
透视科技(德州aapoker)... 透视科技(德州aapoker)aapoker挂(透视)总是是真的有挂(详细辅助微扑克教程)；1、金币...
透视插件！德州之星辅助，（德州... 透视插件！德州之星辅助，（德州nzt）果然是有挂（详细辅助黑科技教程）进入游戏-大厅左侧-新手福利-...
透视软件(WPK)微扑克辅助软... 透视软件(WPK)微扑克辅助软件(透视)详细辅助透牌教程(原来是有挂)1、该软件可以轻松地帮助玩家将...
透视透视(aApoker)aa... 透视透视(aApoker)aapoker猫腻(透视)总是真的有挂(详细辅助教你攻略)；1、上手简单，...