html结构内容拾忆

文本格式化：

 <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结构内容拾忆的更多相关文章

.Net拾忆：从List去除重复-拾忆集合
方法1: private static List<int> DistinctList(List<int> list) {//去除重复 HashSet<int> ha ...
#ifdef,#else,#endif,#if 拾忆
预处理就是在进行编译的第一遍词法扫描和语法分析之前所作的工作.说白了,就是对源文件进行编译前,先对预处理部分进行处理,然后对处理后的代码进行编译.这样做的好处是,经过处理后的代码,将会变的很精短. ...
jquery创建一个新的节点对象(自定义结构/内容)的好方法
jq创建一个新的节点对象,这对一些自定义功能很有帮助,而且可以随意控制对象的结构与内容,何乐而不为呢,看到这里,相信有些朋友已经按耐不住了,好记下来为大家介绍实现方法,感兴趣的朋友可以了解下哦 < ...
SQL SERVER 高级编程 - 自定义函数拾忆
每个人都很忙,但是花10分钟复习下,总结下基础东西还是很有益处的. 背景: 总结一句,使用简便,还能递归,是的SQL更简洁,相对比一大堆的关联语句,而且关联一大堆还不一定实现特定功能.而且共用部分可以 ...
.NET拾忆：FileSystemWatcher 文件监控
资源: https://msdn.microsoft.com/zh-cn/library/system.io.filesystemwatcher_properties(v=vs.110).aspx F ...
Django组件拾忆
知识预览一 Django的form组件二 Django的model form组件三 Django的缓存机制四 Django的信号五 Django的序列化回到顶部一 Django的form ...
python开发学习-day06(模块拾忆、面向对象)
s12-20160130-day06 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: ...
C++拾忆
1.引用 1.建立引用的时候,必须初始化,引用一旦初始化,就和一个对象绑定,不能再修改为其他对象的引用 2.对引用取地址,和对原始对象取地址,是同一个地址 3.不能用做引用的:void.数组 2.内联 ...
Libero 使用拾忆
使用Libero软件进行管脚分配的时候可以使用脚本语言,详细的使用说明见des_constraints_ug.pdf(在Libero安装目录下寻找) 如: set_io srame_oe -REGIS ...

随机推荐

转载：java中抽象类和接口的作用与区别
abstract class和interface是Java语言中对于抽象类定义进行支持的两种机制,正是由于这两种机制的存在,才赋予了Java强大的面向对象能力. abstract class和inte ...
3人从小公寓创业，到世界最大引擎公司，Unity创始人谈14年...
Unity创始人David Helgason出席了5月11 - 13日在上海举办的Unite 2017 Shanghai,并在大会期间接受了游戏陀螺的专访,动情地讲述了这14年来从3人在公寓创业,到成 ...
【转】C#中的combobox里DropDownStyle
源地址:https://blog.csdn.net/cf643487053/article/details/54016822 C#中的combobox控件里DropDownStyle有三种选项 Sim ...
Java面向对象之关键字static 入门实例
一.基础概念静态关键字 static 是成员修饰符,直接用于修饰成员. (一)特点: 1.被静态修饰的成果,可以直接被类名所调用. 2.静态成员优先于对象存在. 3.静态成员随着类的加载而加载.随着 ...
有关unixODBC:Data source name not found, and no default driver specified的问题
还是昨天测试postgresql的有关Mirroring Controller的功能时出的问题(真TM是个坑). 首先说下环境: 操作系统平台:RHEL6 x86_64 unixODBC版本:2.3. ...
Flink应用场景
本文为<Flink大数据项目实战>学习笔记,想通过视频系统学习Flink这个最火爆的大数据计算框架的同学,推荐学习课程: Flink大数据项目实战:http://t.cn/EJtKhaz ...
在 Mac OS X 10.9 搭建 Python3 科学计算环境
安装 Homebrew 使用 Homebrew 管理 Python 版本.在 Terminal/iTerm2 输入: $ ruby -e "$(curl -fsSL https://raw. ...
关于VisualStudio性能分析数据中的独占样本数和非独占样本数的意义
VisualStudio中自带有Profile工具进行性能性能分析,其中用得比较多的数据是函数调用时间,它主要有独占样本数和非独占样本数两个指标,关于这两个指标代表的意义,MSDN的解释比较文艺: 非 ...
gnome-terminal
在终端中打开终端: gnome-terminal 同时打开多个终端: gnome-terminal --window --window 此处有几个 --window 就会打开几个终端最大化形式打开终 ...
Java实现二维码生成的方法
1.支持QRcode.ZXing 二维码生成.解析: package com.thinkgem.jeesite.test; import com.google.zxing.BarcodeFormat; ...

html结构内容拾忆

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

随机推荐

热门专题