①、企业快速开发平台Spring Cloud之HTML 简介

HTML 简介

HTML 实例





xx教程(minglisoft.cn)


 

我的第一个标题

我的第一个段落。

实例解析

①、企业快速开发平台Spring Cloud之HTML 简介_第1张图片

  •  声明为 HTML5 文档
  •  元素是 HTML 页面的根元素
  •  元素包含了文档的元(meta)数据,如  定义网页编码格式为 utf-8
  • </strong> 元素描述了文档的标题</li> <li><strong><body></strong> 元素包含了可见的页面内容</li> <li><strong><h1></strong> 元素定义一个大标题</li> <li><strong><p></strong> 元素定义一个段落</li> </ul> <p><strong>注:</strong>在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。</p> <p>推荐分布式架构源码</p> <p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/c7ece11dd47f47aeb8f43ae20ce83c40.jpg" target="_blank"><img alt="①、企业快速开发平台Spring Cloud之HTML 简介_第2张图片" src="http://img.e-com-net.com/image/info8/c7ece11dd47f47aeb8f43ae20ce83c40.jpg" width="650" height="385" style="border:1px solid black;"></a></p> <hr> <p></p> <h2>什么是HTML?</h2> <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> <hr> <h2>HTML 标签</h2> <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> <pre><code><标签>内容</标签></code></pre> <p></p> <hr> <h2>HTML 元素</h2> <p>"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.</p> <p>但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:</p> <p>HTML 元素:</p> <pre><code><p>这是一个段落。</p></code></pre> <p></p> <hr> <h2>Web 浏览器</h2> <p>Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。</p> <p>浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户:</p> <p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/622c32536c94479fa79e3487646b85c5.jpg" target="_blank"><img alt="①、企业快速开发平台Spring Cloud之HTML 简介_第3张图片" src="http://img.e-com-net.com/image/info8/622c32536c94479fa79e3487646b85c5.jpg" width="650" height="323" style="border:1px solid black;"></a></p> <hr> <h2>HTML 网页结构</h2> <p>下面是一个可视化的HTML页面结构:</p> <p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/3c65945dea3f4a678b581f524312dc8d.png" target="_blank"><img alt="①、企业快速开发平台Spring Cloud之HTML 简介_第4张图片" src="http://img.e-com-net.com/image/info8/3c65945dea3f4a678b581f524312dc8d.png" width="841" height="410" style="border:1px solid black;"></a></p> <table> <tbody> <tr> <th> <p style="text-align:center;"><img alt="Note" src="http://img.e-com-net.com/image/info8/b358225d3a2c436ba0ce35ce72f4ded7.jpg" width="32" height="32"></p> </th> <td>只有 <body> 区域 (白色部分) 才会在浏览器中显示。</td> </tr> </tbody> </table> <p></p> <hr> <h2>HTML版本</h2> <p>从初期的网络诞生后,已经出现了许多HTML版本:</p> <p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/4175b70af94b424dba265e9589876ae5.jpg" target="_blank"><img alt="①、企业快速开发平台Spring Cloud之HTML 简介_第5张图片" src="http://img.e-com-net.com/image/info8/4175b70af94b424dba265e9589876ae5.jpg" width="650" height="326" style="border:1px solid black;"></a></p> <hr> <h2><!DOCTYPE> 声明</h2> <p><!DOCTYPE>声明有助于浏览器中正确显示网页。</p> <p>网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。</p> <p>doctype 声明是不区分大小写的,以下方式均可:</p> <pre><code><!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html></code></pre> <hr> <h2>通用声明</h2> <h3>HTML5</h3> <pre><code><!DOCTYPE html></code></pre> <h3>HTML 4.01</h3> <pre><code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></code></pre> <h3>XHTML 1.0</h3> <pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></code></pre> <hr> <h2>中文编码</h2> <p>目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。</p> <h2>HTML 实例</h2> <pre><code><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 页面标题

    我的第一个标题

    我的第一个段落。

你可能感兴趣的:(html,spring,cloud,软件架构)