HTML

实例
文本
链接
头部
样式
图像
区块
布局
表单
框架

参考： http://www.runoob.com/html/html-intro.html

实例：





页面标题


 
我的第一个标题
 
我的第一个段落。

说明：

声明为 HTML5 文档
元素是 HTML 页面的根元素
元素包含了文档的元（meta）数据，如定义网页编码格式为 utf-8。
元素描述了文档的标题</li> <li><body> 元素包含了可见的页面内容</li> <li><h1> 元素定义一个大标题</li> <li><p> 元素定义一个段落</li> </ul> <p>实例：</p> <ul> <li><p>标题（Heading）是通过<h1> - <h6> 标签来定义的.</p></li> <li><p>段落是通过标签 <p> 来定义的.</p></li> <li><p>链接是通过标签 <a> 来定义的.</p></li> </ul> <pre><code> <a href="http://www.runoob.com">这是一个链接</a> </code></pre> <ul> <li>图像是通过标签 <img> 来定义的</li> </ul> <pre><code><img src="/images/logo.png" width="258" height="39" /> </code></pre> <p>元素：</p> <ul> <li><p></li> <li><body></li> <li><html><br> <br> 就是没有关闭标签的空元素（<br> 标签定义换行）</li> </ul> <p>属性：<br> http://www.runoob.com/tags/html-reference.html</p> <table> <thead> <tr> <th>标签</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td><a></td> <td>定义超文本链接</td> </tr> <tr> <td> <audio>New</td> <td>定义音频内容</td> </tr> <tr> <td><b></td> <td>定义文本粗体</td> </tr> <tr> <td><body></td> <td>定义文档的主体</td> </tr> <tr> <td><br></td> <td>定义换行</td> </tr> <tr> <td><button></td> <td>定义一个点击按钮</td> </tr> <tr> <td> <canvas>New</td> <td>定义图形，比如图表和其他图像,标签只是图形容器，您必须使用脚本来绘制图形</td> </tr> <tr> <td><caption></td> <td>定义表格标题</td> </tr> <tr> <td><center></td> <td>HTML5不支持，不赞成使用。定义居中文本。</td> </tr> <tr> <td><code></td> <td>定义计算机代码文本</td> </tr> <tr> <td><col></td> <td>定义表格中一个或多个列的属性值</td> </tr> <tr> <td><colgroup></td> <td>定义表格中供格式化的列组</td> </tr> <tr> <td> <figure>New</td> <td>规定独立的流内容（图像、图表、照片、代码等等）。</td> </tr> <tr> <td><h1> to <h6></td> <td>定义 HTML 标题</td> </tr> <tr> <td><i></td> <td>定义斜体字</td> </tr> <tr> <td><html></td> <td>定义 HTML 文档</td> </tr> <tr> <td><p></td> <td>定义段落。</td> </tr> <tr> <td><span></td> <td>定义文档中的节。</td> </tr> <tr> <td><select></td> <td>定义选择列表（下拉列表）。</td> </tr> <tr> <td> <section>New</td> <td><section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。</td> </tr> <tr> <td><sub></td> <td>定义下标文本。</td> </tr> <tr> <td><title></td> <td>定义文档的标题。</td> </tr> <tr> <td></td> <td>定义注释</td> </tr> </tbody> </table> <h3>文本内容：</h3> <p>注释：</p> <pre><code> </code></pre> <p>水平线标签：<br> <hr> 标签在 HTML 页面中创建水平线。<br> hr 元素可用于分隔内容。</p> <p>标题：</p> <pre><code><h1>这是1号标题</h1> <font size="6">这是6号字体文本</font> </code></pre> <p>段落：</p> <table> <thead> <tr> <th>标签</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td><p></td> <td>定义一个段落</td> </tr> <tr> <td><br></td> <td>插入单个折行（换行）</td> </tr> <tr> <td><b></td> <td>定义粗体文本</td> </tr> <tr> <td><em></td> <td>定义着重文字</td> </tr> <tr> <td><i></td> <td>定义斜体字</td> </tr> <tr> <td><small></td> <td>定义小号字</td> </tr> <tr> <td><strong></td> <td>定义加重语气</td> </tr> <tr> <td><sub>></td> <td>定义下标字</td> </tr> <tr> <td><sup></td> <td>定义上标字</td> </tr> <tr> <td><ins></td> <td>定义插入字</td> </tr> <tr> <td><del></td> <td>定义删除字</td> </tr> <tr> <td><abbr></td> <td>定义缩写</td> </tr> </tbody> </table> <pre><code><p>My favorite color is <del>blue</del> <ins>red</ins>!</p> <abbr title="etcetera">etc.</abbr> <acronym title="World Wide Web">WWW</acronym> <q>Build a future where people live in harmony with nature.</q> <address> Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address> </code></pre> <h3>链接</h3> <p><a href="url">链接文本</a></p> <p>发送邮件：</p> <pre><code><p> 这是另一个电子邮件链接： <a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">发送邮件!</a> </p> </code></pre> <ul> <li>mailto 发送人</li> <li>subject 主题</li> <li>在进行抄送时，需要使用关键字：cc</li> <li>在进行密送时，需要使用关键字：bcc</li> </ul> <p>参数说明：</p> <table> <thead> <tr> <th>参数</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td>mailto:name@email.com</td> <td>邮件接收地址</td> </tr> <tr> <td>cc=name@email.com</td> <td>抄送地址</td> </tr> <tr> <td>bcc=name@email.com</td> <td>密件抄送地址</td> </tr> <tr> <td>subject=subject text</td> <td>邮件主题</td> </tr> <tr> <td>body=body text</td> <td>邮件内容</td> </tr> <tr> <td>?</td> <td>第一个参数分隔符</td> </tr> <tr> <td>&</td> <td>其他参数分隔符</td> </tr> </tbody> </table> <p>注：多个邮件地址用 ; 隔开，空格用 %20 代替。</p> <h3>头部 head</h3> <p><head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。</p> <p>可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.</p> <ul> <li><style> 元素</li> </ul> <pre><code><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)
这是一个标题

这是一个段落。
- HTML 元素
  meta标签描述了一些基本的元数据。
标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。

META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。

一般放置于区域
```
:
```
- HTML

HTML

实例：

我的第一个标题

这是一个标题

你可能感兴趣的:(HTML)