文本格式化：

 <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. 【题解】 UVa11292 The Dragon of Loowater

    题目大意: 你的王国里有一条n个头的恶龙,你希望雇佣一些骑士把它杀死(即砍掉所有头).村里有m个骑士可以雇佣,一个能力值为x的骑士可以砍掉恶龙一个直径不超过x的头,且需要支付x个金币.如何雇佣骑士才能 ...

  2. 第十篇 requests模块

    1.安装requests 要安装requests,在终端中输入以下命令即可安装: pip3 install requests 2.发送请求 使用requests发送请求首先需要导入requests模块 ...

  3. Java程序员修炼之路

    作者简介:王成委,CSDN知识库特邀编辑,Java高级工程师,熟悉Java编程语言和Oracle数据库.专注于高并发架构设计和大数据存储方向的研究. 我们为什么选择Java 大多数人选择Java可能只 ...

  4. 洛谷P3122 [USACO15FEB]圈住牛Fencing the Herd（计算几何+CDQ分治）

    题面 传送门 题解 题目转化一下就是所有点都在直线\(Ax+By-C=0\)的同一侧,也就可以看做所有点代入\(Ax+By-C\)之后的值符号相同,我们只要维护每一个点代入直线之后的最大值和最小值,看 ...

  5. Jenkins项目部署使用教程-----01安装

    基本配置: 1.Linux安装配置jdk环境 1.1.上传到 Linux 服务器:例如: 上传至: cd /usr/local 1.2.解压: rpm -ivh jdk-8u111-linux-x64 ...

  6. Python3之random模块

    一.简介 ramdom模块提供了一个随机数的函数:random() 它可以返回一个随机生成的实数,范围在[0,1)范围内.需要注意的是random()是不能直接访问的,需要导入模块random才可以使 ...

  7. Array数组结构底层实现复习

    Array数组结构底层实现复习 内容待总结: size capacity length

  8. php中的openssl开启方法

    windows下开启方法: 1: 首先检查php.ini中:extension=php_openssl.dll是否存在, 如果存在的话去掉前面的注释符‘:', 如果不存在这行,那么添加extensio ...

  9. 3.mouseenter和mouseover事件的区别

    <html> <head> <meta charset="UTF-8"> <script src="jquery-3.3.1.j ...

  10. GI缓存

    GI缓存 设置 属性 最大高速缓存大小(GB) 使用滑块设置最大GI缓存文件夹大小.只要可能,GI缓存文件夹将保持在此大小以下.定期删除未使用的文件以创建更多空间.这是由编辑器自动执行,不需要你做任何 ...