html 基础演示代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<body> <center>
<p><font color="red" size="20px">welcome come to html!!!</font></p>
</center> <h1>标题标签</h1> <p>段落标签</p> <!--pre定义预格式化的文本,被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。-->
<pre>
if(20>30){
System.out.println("20大于30!");
}
</pre> <div>DIV标签</div>
<hr/> <h5>HTML自动在一个h1、h6、p、pre 的段落前后各添加一个空行。---->空行不是换行,是多出没有内容的一行</h5>
qw<br><br>ert<br>yuiop
<h5>rwerw</h5> <hr>
<h5>内联标签</h5>
<p><em> em:</em>强调,大部分浏览器渲染为斜体。</p>
<p><strong> strong:</strong>强调,大部分浏览器渲染为黑体。</p>
<p> sub:下标 subscript h<sub>2</sub>o</p>
<p> sup:上标 superscript 2<sup>3</sup></p>
<p><code> code:</code>标示一段代码 </p>
<p><span> span:</span>一般内联标签</p>
<p>br:<br> 换行</p>
<p><b>b:</b> 黑体</p>
<p><i>i:</i> 斜体</p> <hr>
<h5>实体字符 实体字符的格式是:AND符号(&) + 实体名 +分号(;)</h5>
<p>gt: > 大于号 greater-than</p>
<p>lt: < 小于号 less-than</p>
<p>nbsp: 不间断 空格Non-breaking Space </p> <p>空格: END</p>
<p>左括号:<</p>
<p>右括号:></p>
<p>AND符号:&</p>
<p>引号:"</p>
<p>人民币:¥</p>
<p>版权:© copyright</p>
<p>注册:® register</p>
<p>乘号:×</p>
<p>除号:÷</p> <hr>
<p><a name="1path"></a></p>
<h5>超链接 绝对路径</h5>
<a href="http://www.baidu.com/">链接到百度首页</a>
<p><a href="mailto:leizhang5@iflytek.com">打开邮件客户端</a></p>
<p><a href="https://mail.google.com/">登陆Gmail</a></p>
<p><a href="ftp://mail.ustc.edu.cn/">登陆科大FTP服务器</a></p> <p><a name="2path"></a></p>
<h5>超链接 相对路径</h5>
<p><a href="./V1.jpg">./本目录 也可以不写</a></p>
<p><a href="../img/xhtml1-frameset.dtd">../</a></p>
<p><a href="../../V1.jpg">../../</a></p>
<p><a href="/hello.java">/ 根目录,就是直接返回到当前文件所在的盘符的根目录下</a></p> <p><a name="3path"></a></p>
<h5>超链接 target属性(控制链接打开的位置)</h5>
<p><a href="./V1.jpg" target="_blank">_blank 新窗口中打开链接</a></p>
<p><a href="./V1.jpg" target="_self">_self 当前窗口中打开链接(默认)</a></p>
<p><a href="./V1.jpg" target="_parent">_parent 父窗口中打开链接</a></p>
<p><a href="./V1.jpg" target="_top">_top 最顶层父窗口中打开链接</a></p>
<p><a href="./V1.jpg" target="targetname">targetname 指定窗口或Frame中打开链接</a></p> <h5>iframe__frameset</h5>
<p><a href="V1.jpg" target="iframe_target">iframe</a></p>
<p><a href="V1.jpg" target="frameset_target">frameset</a></p>
<iframe src="/hello.java" name="iframe_target" style="width:100%;height:500px;"></iframe> <h5>onclick="javascript:window.open('','mywindow');"</h5>
<!--相当于新建一个iframe窗口,并且name="mywindow"-->
<p><a href="#" onclick="javascript:window.open('','mywindow');">打开一个空白的新窗口</a></p>
<p><a href="V1.jpg" target="mywindow">在这个新窗口中打开“V1.jpg”</a></p> <h5>页面锚点的使用</h5>
<!--在frame和iframe中用的是name属性,同理,在描点时,用的也是name属性,偶耶!!!-->
<!--区别是a用target去标记到对应的iframe的name,a用href标记到对应的对应的a的name-->
<p><a href="HelloWorld.html#1path">返回到 超链接 绝对路径</a></p>
<p><a href="HelloWorld.html#2path">返回到 超链接 相对路径</a></p>
<p><a href="HelloWorld.html#3path">返回到 超链接 target属性</a></p> <hr/>
<h5>图片</h5>
<p><img alt="V字仇杀队" src="V1.jpg" height="500px" width="100%"/></p> <h5>图片链接</h5>
<p><a href="E:\影视\鞠婧祎\mv.jpg" target="_blank"><img src="../img/mv.jpg" height="200px" alt="鞠婧祎" style="border:1px solid red"></a>
<!--图片链接去掉边框-->
<a href="E:\影视\鞠婧祎\mv.jpg" target="_blank"><img src="../img/mv.jpg" height="200px" alt="鞠婧祎" border="0"></a></p> <!--定义和用法
coords 属性规定区域的 x 和 y 坐标。 coords 属性与 shape 属性配合使用,来规定区域的尺寸、形状和位置。
图像左上角的坐标是 "0,0"。
详细解释:
<area> 标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。坐标的数字及其含义取决于 shape 属性中决定的区域形状。可以将客户端图像映射中的超链接区域定义为矩形、圆形或多边形等。
下面列出了每种形状的适当值:
圆形:shape="circle",coords="x,y,z"
这里的 x 和 y 定义了圆心的位置("0,0" 是图像左上角的坐标),r 是以像素为单位的圆形半径。
多边形:shape="polygon",coords="x1,y1,x2,y2,x3,y3,..."
每一对 "x,y" 坐标都定义了多边形的一个顶点("0,0" 是图像左上角的坐标)。定义三角形至少需要三组坐标;高纬多边形则需要更多数量的顶点。
多边形会自动封闭,因此在列表的结尾不需要重复第一个坐标来闭合整个区域。
矩形:shape="rectangle",coords="x1,y1,x2,y2"
第一个坐标是矩形的一个角的顶点坐标,另一对坐标是对角的顶点坐标,"0,0" 是图像左上角的坐标。请注意,定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。
例如,下面的 XHTML 片段在一个 100x100 像素图像的右下方四分之一处,定义了一个对鼠标敏感的区域,并在图像的正中间定义了一个圆形区域。
-->
<h5>图片地图</h5>
<p><img src="../img/mv2.jpg" alt="学习中的鞠婧祎" usemap="mv2map"/></p>
<p><map name="mv2map" id="mv2map"> <!--nohref 属性规定该区域没有相关的链接。 nohref="nohref"-->
<area shape="circle" coords="20,20,20" alt="circle鞠婧祎" title="circle鞠婧祎" href="#" style="border:1px solid red;"/>
<area shape="rect" coords="400,0,440,20" alt="rect鞠婧祎" title="rect鞠婧祎" href="#" style="border:1px solid red;"/>
</map>
</p>
</body>
</html>
html 基础演示代码的更多相关文章
- [nRF51822] 12、基础实验代码解析大全 · 实验19 - PWM
一.PWM概述: PWM(Pulse Width Modulation):脉冲宽度调制技术,通过对一系列脉冲的宽度进行调制,来等效地获得所需要波形. PWM 的几个基本概念: 1) 占空比:占空比是指 ...
- [nRF51822] 11、基础实验代码解析大全 · 实验16 - 内部FLASH读写
一.实验内容: 通过串口发送单个字符到NRF51822,NRF51822 接收到字符后将其写入到FLASH 的最后一页,之后将其读出并通过串口打印出数据. 二.nRF51822芯片内部flash知识 ...
- [nRF51822] 10、基础实验代码解析大全 · 实验15 - RTC
一.实验内容: 配置NRF51822 的RTC0 的TICK 频率为8Hz,COMPARE0 匹配事件触发周期为3 秒,并使能了TICK 和COMPARE0 中断. TICK 中断中驱动指示灯D1 翻 ...
- [nRF51822] 9、基础实验代码解析大全 · 实验12 - ADC
一.本实验ADC 配置 分辨率:10 位. 输入通道:5,即使用输入通道AIN5 检测电位器的电压. ADC 基准电压:1.2V. 二.NRF51822 ADC 管脚分布 NRF51822 的ADC ...
- Bootstrap<基础四> 代码
Bootstrap 允许您以两种方式显示代码: 第一种是 <code> 标签.如果您想要内联显示代码,那么您应该使用 <code> 标签. 第二种是 <pre> 标 ...
- delphi 一个线程和主界面的交互的演示代码
求一个线程和主界面的交互的演示代码求一个线程和主界面的交互的演示代码.线程和主界面处于两个Unit.线程中的user中不能引用主窗口.我只是想学习一下,线程和主界面交互的方法.去网上查了好几天资料,能 ...
- 从jsTree演示代码中提取的在线文件查看
从jsTree演示代码中提取的在线文件查看 jsTree 请参考:https://www.jstree.com/ 效果如下: 代码下载:http://files.cnblogs.com/files/z ...
- hadoop概述测试题和基础模版代码
hadoop概述测试题和基础模版代码 1.Hadoop的创始人是DougCutting?() A.正确 B.错误答对了!正确答案:A解析:参考课程里的文档,这个就不解释了2.下列有关Hadoop的说法 ...
- js基础 - 兼容代码
js基础 - 兼容代码 . scrollTop . chrome document.body.scrollTop . IE && firefox document.documentEl ...
随机推荐
- Flask蓝图基本使用
Flask蓝图基本使用 Flask通过使用蓝图将视图函数模块化,使应用显得更加规整 比如我们的应用的视图函数包括用户相关和文章相关,那么我们可以通过建立两个py文件分别存储两类视图函数 user.py ...
- [bzoj1500][NOI2005 维修数列] (splay区间操作)
Description Input 输入的第1 行包含两个数N 和M(M ≤20 000),N 表示初始时数列中数的个数,M表示要进行的操作数目. 第2行包含N个数字,描述初始时的数列. 以下M行,每 ...
- BZOJ 3894 Luogu P4313 文理分科 (最小割)
题目链接: (bzoj) https://www.lydsy.com/JudgeOnline/problem.php?id=3894 (luogu) https://www.luogu.org/pro ...
- VM 与 与 Linux 的安装
[VMWare 安装] 输入后, [CentOS ] 1 检查 BIOS 虚拟化 2.新建虚拟机 3.新建虚拟机向导 4创建虚拟空盘 5 安装 Linux 系统对应的 CentOS 6 虚 ...
- Adobe AIR 代码签名证书使用指南
Symantec,Thawte,GlobalSign 签发的代码签名证书都可以签名AIR文件.如果您还没有代码签名证书,请联系易维信(EVTrust)购买Adobe AIR 代码签名证书. 1.签名工 ...
- 【03】json使用
[03]json使用 把 JSON 文本转换为 JavaScript 对象 JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 J ...
- POJ 2065 高斯消元求解问题
题目大意: f[k] = ∑a[i]*k^i % p 每一个f[k]的值就是字符串上第 k 个元素映射的值,*代表f[k] = 0 , 字母代表f[k] = str[i]-'a'+1 把每一个k^i求 ...
- poj3352
Road Construction Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 7980 Accepted: 4014 Des ...
- C语言试题
C语言试题 [说明]: 1.本试题中不考虑头文件引用问题(假定已经包含正确的头文件),C语言的标准函数都可用: 2.如果不特别说明,假定程序运行环境为:操作系统Windows 2000, VC6.0编 ...
- [bzoj 1042][HAOI2008]硬币购物(用容斥原理弄背包)
题目:http://www.lydsy.com:808/JudgeOnline/problem.php?id=1042 分析: 解法很巧妙,用f[i]表示四种硬币A.B.C.D的数量不考虑的情况下弄成 ...