一、HTML5简介

一、简介

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




简单示例


    

我的第一个标题

我的第一个段落。

 运行结果:

一、HTML5简介_第1张图片

二、HTML文档的后缀名

  • .html
  • .htm

三、实例解析 

一、HTML5简介_第2张图片

  •  声明为 HTML5 文档
  •  元素是 HTML 页面的根元素
  •  元素包含了文档的元(meta)数据,如  定义网页编码格式为 utf-8
  • </strong> 元素描述了文档的标题</li> <li><strong><body></strong> 元素包含了可见的页面内容</li> <li><strong><h1></strong> 元素定义一个大标题</li> <li><strong><p></strong> 元素定义一个段落</li> </ul> <p><span style="color:#fe2c24;"><strong>注:</strong>在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。</span> </p> <h3>三、什么是HTML?</h3> <p>HTML 是用来描述网页的一种语言。</p> <ul> <li>HTML 指的是超文本标记语言: <strong>H</strong>yper<strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage</li> <li>HTML 不是一种编程语言,而是一种<strong>标记</strong>语言</li> <li>标记语言是一套<strong>标记标签</strong> (markup tag)</li> <li>HTML 使用标记标签来<strong>描述</strong>网页</li> <li>HTML 文档包含了HTML<strong> 标签</strong>及<strong>文本</strong>内容</li> <li>HTML文档也叫做<strong> web 页面</strong></li> </ul> <h3>四、HTML 标签</h3> <p>HTML 标记标签通常被称为 HTML 标签 (HTML tag)。</p> <ul> <li>HTML 标签是由<em>尖括号</em>包围的关键词,比如 <html></li> <li>HTML 标签通常是<em>成对出现</em>的,比如 <b> 和 </b></li> <li>标签对中的第一个标签是<em>开始标签</em>,第二个标签是<em>结束标签</em></li> <li>开始和结束标签也被称为<em>开放标签</em>和<em>闭合标签</em></li> </ul> <p><strong><span style="color:#fe2c24;">         <标签>内容</标签></span></strong></p> <h3>五、HTML 元素</h3> <ul> <li>"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思。</li> <li>但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:</li> </ul> <p><strong><span style="color:#fe2c24;">        HTML 元素:</span></strong></p> <p><strong><span style="color:#fe2c24;">        <p>这是一个段落。</p></span></strong></p> <p></p> <h3>六、Web 浏览器</h3> <ul> <li>Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。</li> <li>浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户:</li> </ul> <p class="img-center"><a href="http://img.e-com-net.com/image/info8/346c9f1c82514c53a473a66a03f07612.jpg" target="_blank"><img alt="一、HTML5简介_第3张图片" height="323" src="http://img.e-com-net.com/image/info8/346c9f1c82514c53a473a66a03f07612.jpg" width="650" style="border:1px solid black;"></a></p> <p></p> <h3>七、HTML 网页结构</h3> <ul> <li>下面是一个可视化的HTML页面结构:</li> </ul> <p><a href="http://img.e-com-net.com/image/info8/43c9f3251b634cae88b35fc28986e0ee.jpg" target="_blank"><img alt="一、HTML5简介_第4张图片" height="308" src="http://img.e-com-net.com/image/info8/43c9f3251b634cae88b35fc28986e0ee.jpg" width="650" style="border:1px solid black;"></a></p> <ul> <li> 只有 <body> 区域 (白色部分)才会在浏览器中显示。</li> </ul> <h3>八、<!DOCTYPE> 声明</h3> <ul> <li><strong><span style="color:#fe2c24;"><!DOCTYPE></span></strong>声明有助于浏览器中正确显示网页。</li> <li>网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。</li> <li><strong><span style="color:#fe2c24;">doctype 声明是不区分大小写的</span></strong>,以下方式均可:</li> </ul> <pre><code class="language-html"><!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html></code></pre> <h3>九、通用声明</h3> <p><span style="color:#fe2c24;"><strong>HTML5</strong></span></p> <pre><code class="language-html"><!DOCTYPE html></code></pre> <h3> 十、中文编码</h3> <ul> <li><strong><span style="color:#fe2c24;">目前在大部分浏览器中,直接白色区域输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。</span></strong></li> </ul> <pre><code class="language-html"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 页面标题

    我的第一个标题

    我的第一个段落。

你可能感兴趣的:(前端,学习,javascript,开发语言,ecmascript,html)