Web前端:HTML篇(一)

HTML简介:

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

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

一个简单的实例






这是页面标题



这是一个标题

这是一个段落。

运行结果:

Web前端:HTML篇(一)_第1张图片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 版本中强制使用小写。(我不知道,搜的),所以最好用小写。

你可能感兴趣的:(Web前端,html,css,javascript)