文本格式化：

 <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. 文件上传下载（C#，web，asp.net）

    目的:在浏览器页面启动上传下载CS软件,实现文件的批量下载与上传. 技术路线: 开发上传下载客户端CS程序与注册程序,压缩放到服务器端指定位置: 开发服务器端程序用以接收上传请求,压缩放到服务器端: ...

  2. 【转】winform回车变为tab

    源地址:http://www.cnblogs.com/wohexiaocai/p/4302200.html

  3. BZOJ 1061 [Noi2008]志愿者招募（费用流）

    题目描述 申奥成功后,布布经过不懈努力,终于成为奥组委下属公司人力资源部门的主管.布布刚上任就遇到了一个难题:为即将启动的奥运新项目招募一批短期志愿者.经过估算,这个项目需要N 天才能完成,其中第i ...

  4. 删除outlook2007账户

    开始-设置-控制面板-邮件-显示配置文件-删除-确定

  5. 没有上司的舞会 树形dp

    题目描述 某大学有N个职员,编号为1~N.他们之间有从属关系,也就是说他们的关系就像一棵以校长为根的树,父结点就是子结点的直接上司.现在有个周年庆宴会,宴会每邀请来一个职员都会增加一定的快乐指数Ri, ...

  6. PHP中使用CURL之php curl详细解析和常见大坑

    这篇文章主要介绍了PHP中使用CURL之php curl详细解析和常见大坑 ,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 七夕啦,作为开发,妹子没得撩就“撩”下服务器吧,妹子有得撩的同学 ...

  7. word的样式设置

    一般自己写文档就用typora了,便捷美观,但是在工作上又不得不用word写文档,我对审美.格式比较有强迫症,有的小公司没有形成自己的文档规范,或者所谓的规范也只是写好了格式的文档,你往里面填内容就可 ...

  8. Android中include标签的使用（打开引用布局，隐藏当前布局）

    在开发app的时候,有时候一个布局会反复用到,可以把反复用到的布局单独写一个xml文件,什么时候用到就用includ标签引入xml 下面是我写的反复用到的一个xml,里面有2个button,一个Tex ...

  9. VMware下安装CentOS7 无法通过桥接模式进行联网

    #修改配置# vi /etc/sysconfig/network-scripts/ifcfg-ens33  (ifcfg-ens33,不同的机器名称不一样,但大都为ifcfg-ensxxx) 把文件中 ...

  10. C# B站的弹幕提取

    要知道B站的弹幕位置 如果只考虑视频,B站的链接格式为:https://www.bilibili.com/video/av34042815.把av后面的数字看做是唯一标记即可. 既然能够把弹幕加载出来 ...