<!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 基础演示代码的更多相关文章

  1. [nRF51822] 12、基础实验代码解析大全 · 实验19 - PWM

    一.PWM概述: PWM(Pulse Width Modulation):脉冲宽度调制技术,通过对一系列脉冲的宽度进行调制,来等效地获得所需要波形. PWM 的几个基本概念: 1) 占空比:占空比是指 ...

  2. [nRF51822] 11、基础实验代码解析大全 · 实验16 - 内部FLASH读写

     一.实验内容: 通过串口发送单个字符到NRF51822,NRF51822 接收到字符后将其写入到FLASH 的最后一页,之后将其读出并通过串口打印出数据. 二.nRF51822芯片内部flash知识 ...

  3. [nRF51822] 10、基础实验代码解析大全 · 实验15 - RTC

    一.实验内容: 配置NRF51822 的RTC0 的TICK 频率为8Hz,COMPARE0 匹配事件触发周期为3 秒,并使能了TICK 和COMPARE0 中断. TICK 中断中驱动指示灯D1 翻 ...

  4. [nRF51822] 9、基础实验代码解析大全 · 实验12 - ADC

    一.本实验ADC 配置 分辨率:10 位. 输入通道:5,即使用输入通道AIN5 检测电位器的电压. ADC 基准电压:1.2V. 二.NRF51822 ADC 管脚分布 NRF51822 的ADC ...

  5. Bootstrap<基础四> 代码

    Bootstrap 允许您以两种方式显示代码: 第一种是 <code> 标签.如果您想要内联显示代码,那么您应该使用 <code> 标签. 第二种是 <pre> 标 ...

  6. delphi 一个线程和主界面的交互的演示代码

    求一个线程和主界面的交互的演示代码求一个线程和主界面的交互的演示代码.线程和主界面处于两个Unit.线程中的user中不能引用主窗口.我只是想学习一下,线程和主界面交互的方法.去网上查了好几天资料,能 ...

  7. 从jsTree演示代码中提取的在线文件查看

    从jsTree演示代码中提取的在线文件查看 jsTree 请参考:https://www.jstree.com/ 效果如下: 代码下载:http://files.cnblogs.com/files/z ...

  8. hadoop概述测试题和基础模版代码

    hadoop概述测试题和基础模版代码 1.Hadoop的创始人是DougCutting?() A.正确 B.错误答对了!正确答案:A解析:参考课程里的文档,这个就不解释了2.下列有关Hadoop的说法 ...

  9. js基础 - 兼容代码

    js基础 - 兼容代码 . scrollTop . chrome document.body.scrollTop . IE && firefox document.documentEl ...

随机推荐

  1. Extract local angle of attack on wind turbine blades

    Extract local angle of attack on wind turbine blades Table of Contents 1. Extract local angle of att ...

  2. 51NOD欧姆诺姆和项链——KMP算法（非水题）

    >>点击进入原题测试<< 思路:好久不见,今天要开始真正写题了.这个题之前我的理解有点问题,导致写了很久最终都是一直都只能过样例.需要注意的是输出中每一个“1”都是和别的输出相 ...

  3. 【Codeforces 479D】Long Jumps

    [链接] 我是链接,点我呀:) [题意] 如果存在a[j]-a[i]=d 那么认为可以量出来长度d 现在给你量尺上的n个点. 问你最少要加多少个点,才能够量出来长度x和长度y [题解] 设dic1和d ...

  4. SGU - 321 - The Spy Network

    先上题目: 321. The Spy Network Time limit per test: 0.5 second(s)Memory limit: 65536 kilobytes input: st ...

  5. 另一套备用的代码，通过service调用和登陆用户交互

    结合这两个东东,应该差不多可以搞定我需要的事情啦. 因为更改不了service代码,所以希望从service调用的代码里,争脱出来,和本地登陆用户进行交互启动. #include <window ...

  6. mongodb片健的选取及更改

    1.总的原则:选键的时候多考虑以下问题. 写操作是怎么样的,有多大? 系统每小时会写多少数据,每天呢,高峰期呢 那些字段是随机的,那些是增长的 读操作是怎么样的,用户在访问那些数据 数据索引做了吗?应 ...

  7. Workflow：添加工作流存储功能

    数据库准备: 1. 创建database(这里我们用的是MSSQL.Workflow支持其它数据库,但是MSSQL是配置最方便,不要问我为什么!). 2. 运行位于[%WINDIR%\Microsof ...

  8. C++对象模型——&quot;无继承&quot;情况下的对象构造(第五章)

    5.1 "无继承"情况下的对象构造 考虑以下这个程序片段: 1 Point global; 2 3 Point foobar() 4 { 5 Point local; 6 Poin ...

  9. 金典 SQL笔记(6)

    page223-索引 --利用SQL 语句创建索引 --CREATE INDEX 索引名称on 表名(字段 ,字段, 字段字段n) --索引名称必须为唯一的,字段 ,字段, 同意一个到多个 --范例为 ...

  10. ios測试的时候出现错误

    dyld: Library not loaded: @rpath/XCTest.framework/XCTest   Referenced from: /Users/zhumin/Library/De ...