文本格式化：

 <b>This text is bold</b><!--定义粗体文本。-->

 <strong>This text is strong</strong><!-定义加重语气。-->

 <big>This text is big</big><!-定义大号字。-->

 <em>This text is emphasized</em><!-定义着重文字。-->

 <i>This text is italic</i><!-定义斜体字。-->

 <small>This text is small</small><!-定义小号字。-->

 This text contains<sub>subscript</sub><!-定义下标字。-->

 This text contains<sup>superscript</sup><!-定义上标字。-->

This text is bold 
This text is strong 
This text is big 
This text is emphasized 
This text is italic 
This text is small 
This text contains subscript 
This text contains superscript

<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

<!--一同使用，来描述文档中的更新和修正。定义删除字和插入字。大多数浏览器会改写为删除文本和下划线文本。一些老式的浏览器会把删除文本和下划线文本显示为普通文本。-->

一打有 二十 十二 件。

计算机输出标签

<pre>

for i = 1 to 10

     print i

next i

</pre><!--pre 标签很适合显示计算机代码-->
for i = 1 to 10

     print i

next i
<code>Computer code</code><!--定义计算机代码。-->

<kbd>Keyboard input</kbd><!--定义键盘码。-->

<tt>Teletype text</tt><!--定义打字机代码。-->

<samp>Sample text</samp><!--定义计算机代码样本。-->

<var>Computer variable</var><!--定义变量。-->

Computer code 
Keyboard input 
Teletype text 
Sample text 
Computer variable

注释：这些标签常用于显示计算机/编程代码。

引用、引用和术语定义

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.<!--定义缩写。使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。-->

<acronym title="World Wide Web">WWW</acronym><!--定义首字母缩写。-->

<address>

Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>

Visit us at:<br>

Example.com<br>

Box 564, Disneyland<br>

USA

</address><!--定义文档或文章的作者/拥有者的联系信息。不应该用于描述通讯地址，除非它是联系信息的一部分。-->

<bdo dir="rtl">Here is some text</bdo><!--定义文字方向。-->

<blockquote cite="http://www.wwf.org">

WWF's ultimate goal is to build a future where people live in harmony with nature.

</blockquote><!--定义长的引用。cite规定引用的来源。主流浏览器均不支持 cite 属性。不过，搜索引擎可能会使用该属性获得更多有关引用的信息。-->

<p>Here comes a short quotation: <q>This is a short quotation</q></p><!--定义短的引用语。-->

<cite><!--定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。-->

PRC was founded in 1949.
WWW
Written by Donald Duck.(点击进入email)
Visit us at:
Example.com
Box 564, Disneyland
USA
txet werbeH emos si ereH
　　WWF's ultimate goal is to build a future where people live in harmony with nature.
Here comes a short quotation: "This is a short quotation"

 链接

<a href="http://www.w3school.com.cn/">Visit W3School</a>

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a><!--在新的浏览器窗口打开链接-->

<a name="label">锚（显示在页面上的文本）</a><!--链接到同一个页面的不同位置-->

<a href="/index.html"  target="_top">请点击这里！</a><!--跳出框架-->

<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a><!--链接到一个邮箱，安装本地邮箱-->

<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件！</a><!--链接到一个邮箱，安装本地邮箱-->

图像：align控制图片在文本中的位置，bottom、middle、top、left、right； alt显示替换文本；

图像映射：

 <html>

 <body>

 <p>请点击图像上的星球，把它们放大。</p>

 <img

 src="/i/eg_planets.jpg"

 border="0" usemap="#planetmap"

 alt="Planets" />

 <map name="planetmap" id="planetmap">

 <area

 shape="circle"

 coords="180,139,14"

 href ="/example/html/venus.html"

 target ="_blank"

 alt="Venus" />

 <area

 shape="circle"

 coords="129,161,10"

 href ="/example/html/mercur.html"

 target ="_blank"

 alt="Mercury" />

 <area

 shape="rect"

 coords="0,0,110,260"

 href ="/example/html/sun.html"

 target ="_blank"

 alt="Sun" />

 </map>

 <p><b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>

表格：<caption>表格标题；<col>表格列的属性；<colgroup>表格列的组。colspan并列数属性；rowspan并列行属性。cellpadding单元格内容与其边框之间的空白；cellspacing增加单元格之间的距离。

列表：<ol>定义有序列表。<ul>定义无序列表。<li>定义列表项。<dl>定义定义列表。<dt>定义定义项目。<dd>定义定义的描述。

表单：<form> accept-charset：规定服务器可处理的表单数据字符集(UTF-8 - Unicode 字符编码,ISO-8859-1 - 拉丁字母表的字符编码,gb2312 - 简体中文字符集)。action:规定当提交表单时向何处发送表单数据(绝对 URL和相对 URL)。autocomplete:规定是否启用表单的自动完成功能（on、off）。enctype:规定在发送表单数据之前如何对其进行编码(application/x-www-form-urlencoded:在发送前编码所有字符（默认);multipart/form-data:不对字符编码,在使用包含文件上传控件的表单时，必须使用该值;text/plain:空格转换为 "+" 加号，但不对特殊字符编码。)。method:规定用于发送 form-data 的 HTTP 方法(get:浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的 action URL 之后;这两者之间用问号进行分隔;post:浏览器将与 action 属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。)。target:(_blank:在新窗口中打开;_self:默认。在相同的框架中打开;_parent:在父框架集中打开;_top:在整个窗口中打开;framename:在指定的框架中打开)。name:name 属性提供了一种在脚本中引用表单的方法。novalidate:如果使用该属性，则提交表单时不进行验证。

<input> type:button、checkbox、file、hidden、image、password、radio、reset、submit、text和color、datetime、date、datetime-local、email、month、number、range、search、time、url、week；accept：规定通过文件上传来提交的文件的类型（accept="image/gif,image/jpeg"，accept="image/*"）。autocomplete： 属性规定输入字段是否应该启用自动完成功能。autofocus：规定输入字段在页面加载时是否获得焦点。checked：规定此 input 元素首次加载时应当被选中。disabled：当 input 元素加载时禁用此元素。form：规定输入字段所属的一个或多个表单（<input type="text" name="lname" form="nameform" />）。formaction覆盖表单的 action 属性（<input type="submit" formaction="demo_admin.asp" value="Submit as admin" />）。formenctype\formmethod\formnovalidate\formtarget。list：引用包含输入字段的预定义选项的 datalist （如：

 <form action="demo_form.asp">

 Webpage: <input type="url" list="url_list" name="link" />

 <datalist id="url_list">

 <option label="W3Schools" value="http://www.w3schools.com" />

 <option label="Google" value="http://www.google.com" />

 <option label="Microsoft" value="http://www.microsoft.com" />

 </datalist>

 <input type="submit" />

 </form>

）。multiple：如果使用该属性，则允许一个以上的值。pattern:规定输入字段的值的模式或格式regexp_pattern。placeholder:规定帮助用户填写输入字段的提示。readonly:规定输入字段为只读。required:指示输入字段的值是必需的。size属性定义的是可见的字符数。max:规定输入字段的最大值。min:规定输入字段的最小值。maxlength属性规定输入字段的最大长度，以字符个数计。step:规定输入字的的合法数字间隔。

<textarea>

<lable> 定义一个控制的标签。for（id）规定 label 绑定到哪个表单元素。<label for="male">Male</label><input type="radio" name="sex" id="male" />

<fieldset> 定义域。<legend>定义域的标题。

 <form>

   <fieldset>

     <legend>health information</legend>

     height: <input type="text" />

     weight: <input type="text" />

   </fieldset>

 </form>

<optgroup>定义选项组。<option>定义下拉列表中的选项

 <select>

   <optgroup label="Swedish Cars">

     <option value ="volvo">Volvo</option>

     <option value ="saab">Saab</option>

   </optgroup>

   <optgroup label="German Cars">

     <option value ="mercedes">Mercedes</option>

     <option value ="audi">Audi</option>

   </optgroup>

 </select>

<button><button type="button">Click Me!</button>

框架：frameset  frame src  rows="50%,50%" cols="25%,75%"  noresize="noresize"。

内联框架：iframe frameborder：规定是否显示框架周围的边框（0和1）。longdesc：规定一个页面，该页面包含了有关 iframe 的较长描述（url .txt）。marginheight:定义 iframe 的顶部和底部的边距。marginwidth:定义 iframe 的左侧和右侧的边距。sandbox:启用一系列对 <iframe> 中内容的额外限制(allow-forms、allow-same-origin、

allow-scripts、allow-top-navigation)。scrolling：（yes、no、auto）。seamless：规定 <iframe> 看上去像是包含文档的一部分。srcdoc属性规定页面的 HTML 内容显示在行内框架中，与 sandbox 和 seamless 属性一同使用。

html结构内容拾忆的更多相关文章

  1. .Net拾忆：从List去除重复-拾忆集合

    方法1: private static List<int> DistinctList(List<int> list) {//去除重复 HashSet<int> ha ...

  2. #ifdef,#else,#endif,#if 拾忆

    预处理就是在进行编译的第一遍词法扫描和语法分析之前所作的工作.说白了,就是对源文件进行编译前,先对预处理部分进行处理,然后对处理后的代码进行编译.这样做的好处是,经过处理后的代码,将会变的很精短.   ...

  3. jquery创建一个新的节点对象(自定义结构/内容)的好方法

    jq创建一个新的节点对象,这对一些自定义功能很有帮助,而且可以随意控制对象的结构与内容,何乐而不为呢,看到这里,相信有些朋友已经按耐不住了,好记下来为大家介绍实现方法,感兴趣的朋友可以了解下哦 < ...

  4. SQL SERVER 高级编程 - 自定义函数 拾忆

    每个人都很忙,但是花10分钟复习下,总结下基础东西还是很有益处的. 背景: 总结一句,使用简便,还能递归,是的SQL更简洁,相对比一大堆的关联语句,而且关联一大堆还不一定实现特定功能.而且共用部分可以 ...

  5. .NET拾忆：FileSystemWatcher 文件监控

    资源: https://msdn.microsoft.com/zh-cn/library/system.io.filesystemwatcher_properties(v=vs.110).aspx F ...

  6. Django组件拾忆

    知识预览 一 Django的form组件 二 Django的model form组件 三 Django的缓存机制 四 Django的信号 五 Django的序列化 回到顶部 一 Django的form ...

  7. python开发学习-day06(模块拾忆、面向对象)

    s12-20160130-day06 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: ...

  8. C++拾忆

    1.引用 1.建立引用的时候,必须初始化,引用一旦初始化,就和一个对象绑定,不能再修改为其他对象的引用 2.对引用取地址,和对原始对象取地址,是同一个地址 3.不能用做引用的:void.数组 2.内联 ...

  9. Libero 使用拾忆

    使用Libero软件进行管脚分配的时候可以使用脚本语言,详细的使用说明见des_constraints_ug.pdf(在Libero安装目录下寻找) 如: set_io srame_oe -REGIS ...

随机推荐

  1. windows环境下安装ZooKeeper

    $.说明 ZooKeeper: ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,是Hadoop和Hbase的重要组件. 它是一个为分布式 ...

  2. python 中如何判断list中是否包含某个元素

    在python中可以通过in和not in关键字来判读一个list中是否包含一个元素 theList = ['a','b','c'] if 'a' in theList: print 'a in th ...

  3. hbase0.92 数据修复

    现有集群环境:8台region server.1台master server 早晨重启某一region server后,该server的region全部下线未恢复. 重启前 hbase(main):0 ...

  4. .NET clickonce修改发布名称等

    见图

  5. 洛谷P2763 试题库问题（最大流）

    传送门 网络流界的一股清流啊……终于没那么变态了…… 考虑一下怎么建图.对于每一个类型,我们从$S$向他连边,容量为它所需的题数,表明它要可以有这么多题,对于每一道题目,我们从它对应的类型向他连边,容 ...

  6. [译文]Casperjs1.1.0参考文档-安装

    安装 Casperjs能被安装在mac osx,windows 和大多数linux版本 依赖项 PhantomJS1.82及以上 Python2.6及以上(很多人忘了安装python导致安装失败) 1 ...

  7. 【离散数学】SDUT OJ 指定长度路径数

    指定长度路径数 Time Limit: 1000 ms Memory Limit: 65536 KiB Submit Statistic Problem Description 题目给出一个有n个节点 ...

  8. Domoticz 接入苹果的 HomeKit 实现 Siri 控制

    前言 接上次的折腾,这次尝试将 Domoticz 接入到苹果的 HomeKit,也就是在 iPhone 的 Siri 中可以语音控制.参考官方文档 步骤 安装 nodejs curl -sL http ...

  9. SVN：Access to 'xxx' forbidden

    可以做以下尝试:

  10. ES6,CommonJS 区别

    Javascript,javascript是一种脚本编程语言,有自己独立的语法与语义,没有javascript,也就没有其他的那些概念了. 关于ES6,可直接理解为javascript的增强版(增加了 ...