[置顶] html学习笔记，锚点，超链接，table布局，表头，h,sub,blockquote,ul,li,ol.dl,加入收藏，打印，弹出窗口
<a name="shouye"></a>
<strong>strong加粗</strong>
<br>
没有加粗
<br>
<b>b 加粗</b>
<br>
<font size="7"color="red">
<strong>加粗</strong>
<br>
没有加粗
</font>
<br>
<i>i倾斜标签</i>
<br>
<h1>h1标签（标题）</h>
<br>
<em>em标签（语气 倾斜）</em>
<br>
<u>u标签（下划线）</u>
<br>
<sub>sub标签（上行）</sub>
<br>
<sup>sup标签（下行）</sup>
<br>
<s>s标签(删除线)</s>
<br/>
br标签换行不换段
<p align="right">
p 第一段;;;;http://bbs.maiyadi.com/forum-593/ 苹果论坛官网 ? Apple 资源&技术交流区? 苹果电脑软件下载
http://www.mobiletrain.org/lecture/video/
<br/>br标签
</p>
<p> p第二段
</p>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
屏幕像素的80%
<hr width="80%"/>
80像素
<hr width="80"/>
屏幕1024像素，宽度1500绝对值，页面出现水平滚动条
<hr width="1500"/>
高度10
<hr size="10" noshade="noshade"color="blue"/>
块引用〈blockquote>
<blockquote cite="www.disasterweb.net">
;;;http://bbs.maiyadi.com/forum-593/ 苹果论坛官网 ? Apple 资源&技术交流区? 苹果电脑软件下载
http://www.mobiletrain.org/lecture/video/
</blockquote>
居中标记〈center>被废弃的标签
<center>〈font color="red">这是居中标记</font></center>
预格式化pre
********
********
********
********
********9
<pre> ********
********
********
********
********</pre>
<p> 网站首页|团队建设|最新资讯|组织机构|站点地图|联系我们|网站论坛</p>
<p>网站首页|团队建设|最新资讯|组织机构|站点地图|联系我们|网站论坛</p>
<p>©魏守强</p>
<p>这是段落标记</p>
<p>这是段落标记<p>
<h1>网页中的信息排序显示</h1>
<h3>列表的标记</h3>
无需列表<ul></ul> <br/>
有序列表<ol></ol><br/>
定义列表<dl></dl><br/>
无需列表<ul></ul> <br/>
<ul>
<li>行1</li>
<li>行2</li>
<li>行3</li>
<li>行4</li>
</ul>
圆圈显示
<ul type="circle">
<li>行1</li>
<li>行2</li>
<li>行3</li>
<li type="square">行4方块列</li>
</ul>
有序列表<ol></ol><br/>
<ol>
<li>行1</li>
<li>行2</li>
<li>行3</li>
<li>行4</li>
</ol>
<ol type="circle">
<li>行1</li>
<li>行2</li>
<li>行3</li>
<li type="square">行4方块列</li>
</ol>
<ol type="a">
<li>行1</li>
<li>行2</li>
<li>行3</li>
<li>行4</li>
</ol>
<ol type="a">
<li>行1</li>
<li>行2</li>
<li>行3</li>
<li type="square">行4方块列</li>
</ol>
<ol type="a"start="26">
<li>行1</li>
<li>行2</li>
<li>行3</li>
<li>行4</li>
</ol>
<!----定义列表---->
定义列表<dl></dl><br/>
<dl>
<dt>电脑</dt>
<dd>笔记本</dd>
<dd>上网本</dd>
<dd>平板电脑</dd>
<dt>配件</dt>
<dd>cpu</dd>
<dd>主板</dd>
<dd>显示器</dd>
</dl>
<h2>表格子基本样式</h2>
<table width="600"bordercolor="block" border="1" cellspacing="0"cellpadding="5">
<tr><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子双线效果</h2>
<table width="600"bordercolor="blue" border="1" cellpadding="5">
<tr><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子合并效果</h2>
<table width="600"bordercolor="block" border="1" cellpadding="5">
<tr><td>1.1</td><tdcolspan="2">1.2+1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子合并效果</h2>
<table width="600"bordercolor="block" border="1" cellpadding="5">
<tr><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><tdrowspan="2">2.2+3.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.3</td></tr>
</table>
<h2>表格子合并效果</h2>
<table width="600"bordercolor="block" border="1" cellspacing="0"cellpadding="5">
<tr><tdrowspan="3">1.1+2.1+3.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.2</td><td>2.3</td></tr>
<tr><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子合并效果</h2>
<table width="600"bordercolor="block" border="1" cellspacing="0"cellpadding="5">
<tr><tdrowspan="3">1.1+2.1+3.1</td><td>1.2</td><td>1.3</td></tr>
<tr><tdcolspan="2">2.2+2.3</td></tr>
<tr><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子合并效果</h2>
<table width="600"bordercolor="block" border="1" cellspacing="0"cellpadding="5">
<tr><tdrowspan="3">1.1+2.1+3.1</td><td>1.2</td><tdrowspan="3">1.3+2.3+3.3</td></tr>
<tr><tdcolspan="2">2.2+2.3</td></tr>
<tr><td>3.2</td></tr>
</table>
<h2>表格子突起效果</h2>
<table width="600"bordercolor="blue" bgcolor="gray" border="1"cellpadding="5">
<tr><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子突起效果</h2>
<table width="600" bgcolor="gray" border="1"cellpadding="5">
<tr><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子突起效果</h2>
<table width="600" border="1"cellpadding="5" bgcolor="gray" bordercolorlight="black">
<tr><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子突起效果</h2>
<table width="600" border="1"cellpadding="5" bgcolor="blue" bordercolorlight="red" bordercolordark="white">
<tr><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子凹陷效果</h2>
<table width="600" border="1"cellpadding="5" bgcolor="gray" bordercolorlight="white" bordercolordark="black">
<tr><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子细线效果</h2>表格边框和单元格边框合并之后宽度是二者宽度的合并
<table width="600"bordercolor="blue" bgcolor="blue" border="1" cellspacing="0"cellpadding="5">
<tr><tdbgcolor="yellow">1.1</td><tdbgcolor="yellow">1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子细线效果</h2>表格边框和单元格边框合并之后宽度是二者宽度的合并
<table width="600"bordercolor="blue" bgcolor="blue"border="1" cellspacing="5" cellpadding="5">
<tr><tdbgcolor="yellow">1.1</td><tdbgcolor="yellow">1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子细线效果</h2>表格边框和单元格边框合并之后宽度是二者宽度的合并
<table width="600" bgcolor="green"border="0" cellspacing="5" cellpadding="5">
<tr><tdbgcolor="yellow">1.1</td><tdbgcolor="yellow">1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子细线效果</h2>表格边框和单元格边框合并之后宽度是二者宽度的合并
<table width="600" bgcolor="green"border="0" cellspacing="0" cellpadding="5">
<tr><tdbgcolor="yellow">1.1</td><tdbgcolor="yellow">1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子细线效果</h2>表格边框和单元格边框合并之后宽度是二者宽度的合并
<table width="600" bgcolor="green"border="0" cellspacing="1" cellpadding="5">
<tr><tdbgcolor="yellow">1.1</td><tdbgcolor="yellow">1.2</td><tdbgcolor="yellow">1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<h2>表格子细线效果</h2>表格边框和单元格边框合并之后宽度是二者宽度的合并
<table width="600" bgcolor="green"border="0" cellspacing="1" cellpadding="5">
<tr bgcolor="yellow"><td>1.1</td><td >1.2</td><td >1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<br/>
<h2>表格去掉内部线 rules="none" rules="row" rules="cell"</h2>
<table width="600" bordercolor="block"border="1" cellspacing="0" rules="none"cellpadding="5">
<tr><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>
<br/><br/>
<thead></thead>
<br/><br/>
<tbody></tbody>
<br/><br/>
<tfooter></tfooter>
<br/><br/>
锚点链接 <aname=锚点名称></a><ahref="#锚点名称"></a>
<br/><br/><br/><br/><br/>
<a href="#shouye">回到页面首部</a>
<br/><br/><br/>
<br/>设置为首页<br/>
<a href="#"onclick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.disasterweb.net')">设为首页</a>
<br/><br/><br/>
加入收藏夹<br/>
<a href="#"onclick="javascript:window.external.addfavorite('http://www.disasterweb.net','灾情信息分享网')">加入收藏夹</a>
<br/><br/><br/>
弹出窗口<br/>
<ahref="javascript:window.open('htttp://www.disaster.net')"弹出窗口</a>
<br/><br/><br/>
关闭窗口<br/>
<ahref="javascript:window.close()"关闭窗口</a>
[置顶] html学习笔记，锚点，超链接，table布局，表头，h,sub,blockquote,ul,li,ol.dl,加入收藏，打印，弹出窗口的更多相关文章
- [置顶] iOS学习笔记47——图片异步加载之EGOImageLoading
上次在<iOS学习笔记46——图片异步加载之SDWebImage>中介绍过一个开源的图片异步加载库,今天来介绍另外一个功能类似的EGOImageLoading,看名字知道,之前的一篇学习笔 ...
- js弹出窗口的学习和使用
Thickbox Thickbox是基于Jquery的,因此使用Thickbox需要下面四个文件: Thickbox.js----Thickbox主文件 CSS文件----Thickbox.css 最 ...
- selenium webdriver学习（六）------------如何得到弹出窗口
selenium webdriver学习(六)------------如何得到弹出窗口 在selenium 1.X里面得到弹出窗口是一件比较麻烦的事,特别是新开窗口没有id.name的时候.当时还整理 ...
- [置顶] Android开发笔记(成长轨迹)
分类: 开发学习笔记2013-06-21 09:44 26043人阅读 评论(5) 收藏 Android开发笔记 1.控制台输出:called unimplemented OpenGL ES API ...
- CSS3与页面布局学习笔记（四）——页面布局大全(负边距、双飞翼、多栏、弹性、流式、瀑布流、响应式布局)
一.负边距与浮动布局 1.1.负边距 所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%.当一个元素与另一个元素margin取负值时将拉近距离.常见的功能 ...
- 【前端】移动端Web开发学习笔记【2】 & flex布局
上一篇:移动端Web开发学习笔记[1] meta标签 width设置的是layout viewport 的宽度 initial-scale=1.0 自带 width=device-width 最佳实践 ...
- Duilib学习笔记《02》— 界面布局
1. 界面描述XML文件 Duilib主要是通过XML来进行界面的布局配置,程序通过读取并解析XML文件来创建对应的窗体.DuiLib的页面布局分为三类:窗体(Window).容器(Contain)和 ...
- 电磁兼容性设计学习笔记--PCB中地的布局
http://bbs.ednchina.com/BLOG_ARTICLE_3010439.HTM PCB上元器件的布局对整个PCB板的电磁兼容性影响很大,所以从事硬件电路设计的工程师很有必要学习PCB ...
- HTML5+CSS3学习笔记（二） 页面布局：HTML5新元素及其特性
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. 本次学习HTML5的新标签元素有: <head ...
随机推荐
- 各种数据库使用JDBC连接的方式
Java数据库连接(JDBC)由一组用 Java 编程语言编写的类和接口组成.JDBC 为工具/数据库开发人员提供了一个标准的 API,使他们能够用纯Java API 来编写数据库应用程序.然而各个开 ...
- 使用Visual Studio进行单元测试
一.使用Visual Studio进行单元测试的几个建议 1.先写单元测试(依我愚见,应该是接口先行,如果有的话) -> 测试失败 -> 以最小的改动(即编写实际代码)使测试通过(而在VS ...
- BZOJ_1009_[HNOI2008]_GT考试_(动态规划+kmp+矩阵乘法优化+快速幂)
描述 http://www.lydsy.com/JudgeOnline/problem.php?id=1009 字符串全部由0~9组成,给出一个串s,求一个长度为n的串,不包含s的种类有多少. 分析 ...
- MsoShapeType /InlineShape枚举
指定形状的类型或形状范围. 名称 值 说明 msoAutoShape 1 自选图形. msoCallout 2 标注. msoCanvas 20 画布. msoChart 3 图. msoCommen ...
- The Task: Events, Asynchronous Calls, Async and Await
The Task: Events, Asynchronous Calls, Async and Await Almost any software application today will lik ...
- 从 NavMesh 网格寻路回归到 Grid 网格寻路。
上一个项目的寻路方案是客户端和服务器都采用了 NavMesh 作为解决方案,当时的那几篇文章(一,二,三)是很多网友留言和后台发消息询问最多的,看来这个方案有着广泛的需求.但因为是商业项目,我无法贴出 ...
- Unity 时间缩放状态下的特效播放
时间缩放状态下,比如 Time.timeScale 缩小为 0 或者 0.000001 等极小值时,若想将特效的播放速度放大相同的倍数,即修改 ParticleSystem.playbackSpeed ...
- 多控制器之UIApplication
*:first-child { margin-top: 0 !important; } body > *:last-child { margin-bottom: 0 !important; } ...
- spoj 7258 SUBLEX（SAM，名次）
[题目链接] http://www.spoj.com/problems/SUBLEX/en/ [题意] 给定一个字符串,询问次序为k的子串. [思路] SAM,名次 建好SAM后求出每个结点根据tra ...
- PHP使用SwiftMailer发送邮件
用到了swiftmailer 的lib库 官方网址:http://swiftmailer.org/ require_once 'lib/swift_required.php';//给我发送邮件func ...