<!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>helloworld</title>

	</head>

	<body>

		<a name="top"></a>

		<h1>欢迎来到html世界</h1>

		<h2>第二标题</h2>

		<h5>第五标题</h5>

		<p>段落一</p>

		<p>段落二</p>

		<!--预格式化文本标签-->

		if(3>1){

			System.out.println("3大于1");

		}

<pre>

if(3>1){

	System.out.println("3大于1");

}

</pre>

	<!--hr水平线-->

	<hr/>

	<!--Div 一般块级标签。style="height:50px;background: blue;"  -->

	<div >

		这是Div标签

	</div>

	在DIV外面

	<!--内联标签-->

	<hr/>

	<p><em>强调,大部分浏览器渲染为斜体。</em> 强调,大部分浏览器渲染为斜体。   </p>

	<p><strong>强调,大部分浏览器渲染为黑体。</strong>强调,大部分浏览器渲染为黑体。</p>

	<p>sub:下标     H<sub>2</sub>O </p>

	<p>sup:上标     2<sup>3</sup></p>

	<p>code:代码标识      <code>System.out.println("你好，上海！")</code>  System.out.println("你好，上海！")</p>

	<p> 一般内联标签<span style="color: blue;">一般内联标签</span> 一般内联标签</p>

	<p>br：换行</p><br/>

	<p><b>黑体<b>	<i>斜体</i> </p>

	<!--实体字符     格式：   &+实体字符名称 + ;   -->

	<a name="middle"></a>

	<hr/>

	<p>左尖括号：<  less than    比谁更少</p>

	<p>右尖括号：>  greater than 比谁更多</p>

	<p>这是一个空格          实体字符----nbsp:不间断空格(Non-breaking Space)</p>

	<p>and符号&</p>

	<p>双引号"	“</p>

	<p>版权 ©	©    版权英文名称：copyright</p>

	<p>注册 ®®        register</p>

	<!--超链接-->

	<hr/>

	<a href="http://www.baidu.com">百度1</a>

	<a href="https://www.baidu.com">百度2</a>

	<!--<a href="ftp://E:\efbmcs5vajb.jpg">图片</a>-->

	<!--mailto:邮向指示协议指示器-->

	<a href="https://mail.google.com/">登陆Gmail</a>

	<a href="ftp://mail.ustc.edu.cn/">登陆科大FTP服务器</a>

	<!--相对路径-->

	<hr/>

	<p><a href="img/HBuilder.png">Hbuilder</a></p>

	<p><a href="./lesson1.txt">lesson1</a></p>

	<p><a href="test2.html">test2</a></p>

	<p><a href="../img/HBuilder.png">Hbuilder2</a></p>

	<p><a href="/HelloHBuilder/111.jpg">Hbuilder3</a></p>

	<p><a href="/HelloHBuilder/index.html">html</a></p>

	<!--访问盘符下的某个文件        直接访问某个盘符下的路径不行-->

	<!--<p><a href="../../../../111.jpg">111</a></p>

	<p><a href="D:\111.jpg">222</a></p>-->

	<!--target-->

	<hr/>

	<p><a href="http://www.baidu.com" target="_blank">baidu_blank</a></p>

	<p><a href="http://www.baidu.com" target="_self">baidu_self</a></p>

	<!--框架iframe-->

	<p><a href="http://www.baidu.com" target="page1">baidu_target_name</a></p>

	<iframe  height="300px" width="100%" name="page1"></iframe>

	<!--打开新窗口的第二种方式-->

	<p><a href="#" onclick="javascript:window.open('','mywindow');">打开一个空白的新窗口</a></p><!--name=mywindow-->

	<p><a href="test2.html" target="mywindow">在这个新窗口中打开“test2.htm”</a></p>

	<!--锚点-->

	<p><a href="HelloWorld.html#top">回到顶部</a></p>

	<p><a href="HelloWorld.html#middle">回到中部</a></p>

	<!--图片-->

	<hr/>

	<img src="../img/cat.jpg" alt="猫"/>

	<img src="../img/111.jpg" alt="美女" style="height:126px;"/>

	<!--图片连接-->

	<p><a href="http://www.baidu.com" target="_blank"><img src="../img/cat.jpg" alt="猫"/></a></p>

	<!--给图片加边框-->

	<p><img src="../img/111.jpg" alt="美女" style="height:126px;border:1px solid red"/></p>

	<!--图片地图-->

	<h5>图片地图↓</h5>

	<p><img src="../img/111.jpg" alt="美女" style="height:126px;border:1px solid red"  usemap="#girl"/></p>

	<map name="girl">

		<area shape="rect" coords="0,0,20,20" alt="baidu" href="http://www.baidu.com/" target="_blank"/>

		<area shape="circle" coords="110,20,20" alt="sina" href="http://www.sina.com.cn/" target="_blank"/>

		<!--点击图中心位置    宽=127   高=128-->

		<!--<area shape="circle" coords="63.5,64,30" alt="sina" href="https://www.baidu.com/" target="_blank"/>-->

		<area shape="rect" coords="40,40,87,88" alt="sina" href="https://www.baidu.com/" target="_blank"/>

	</map>

	<!--列表-->

	<hr/>

	<ul type="circle">

        <li>太阳</li>

        <li>月亮</li>

        <li>星星</li>

        <li>地球</li>

	</ul>

    <ul type="disc">

		<li>山川</li>

		<li>海洋</li>

		<li>植物</li>

	</ul>

	<ul type="square">

		<li>山川</li>

		<li>海洋</li>

		<li>植物</li>

	</ul>

	<!--有序列表-->

	<ol>

		<li>一号</li>

		<li>二号</li>

		<li>三号</li>

		<li>四号</li>

	</ol>

	<ol type="I" start="2">

		<li>一号</li>

		<li>二号</li>

		<li>三号</li>

		<li>四号</li>

	</ol>

	<!--table表格-->

	<hr/>

	<table border="1" width="500px"   height="500px"  cellspacing="20">

		<tr>

			<th>0</th>

			<th>0</th>

			<th></th>

		</tr>

		<tr>

			<td align="right">1</td>

			<td>2</td>

			<td> </td>

		</tr>

		<tr>

			<td rowspan="2">4</td>

			<td>5</td>

			<td>6</td>

		</tr>

		<tr>

			<td colspan="2">7</td>

		</tr>

	</table>

</html>

　　

html基础代码演示2的更多相关文章

  1. Swift语言 简明基础 代码演示样例

    开发环境: Mac.Xcode6.0 下面内容均可创建ios common line项目来測试 1.Hello World演示样例 使用xcode创建新的common line项目,查看主文件main ...

  2. 单元测试_JUnit常用单元测试注解介绍及代码演示

    JUnit常用单元测试注解介绍及代码演示   by:授客 QQ:1033553122 1. 测试环境 1 2. 基础概念 1 3. 常用Annotation 1 4. 运行环境配置 3 maven配置 ...

  3. Python Web框架Tornado的异步处理代码演示样例

    1. What is Tornado Tornado是一个轻量级但高性能的Python web框架,与还有一个流行的Python web框架Django相比.tornado不提供操作数据库的ORM接口 ...

  4. 代码演示C#各版本新功能

    代码演示C#各版本新功能 C#各版本新功能其实都能在官网搜到,但很少有人整理在一起,并通过非常简短的代码将每个新特性演示出来. 代码演示C#各版本新功能 C# 2.0版 - 2005 泛型 分部类型 ...

  5. Mysql基础代码（不断完善中）

    Mysql基础代码,不断完善中~ /* 启动MySQL */ net start mysql /* 连接与断开服务器 */ mysql -h 地址 -P 端口 -u 用户名 -p 密码 /* 跳过权限 ...

  6. 14种网页jQuery和css3特效插件代码演示

    1.网页table增删样式代码 演示和下载地址 2.jQuery左右滑动幻灯片插件 演示和下载地址 3.jQuery文字轮播焦点图 演示和下载地址 4.网页文字焦点图切换 演示和下载地址 5.jQue ...

  7. 9种jQuery和css3图片动画特效代码演示

    1.自由旋转的jQuery图片 演示和下载地址 2.css3阴影动画效果 演示和下载地址 3.拉窗帘特效图片 演示和下载地址 4.css3文字特效动画 演示和下载地址 5.css3时钟代码 演示和下载 ...

  8. java 覆盖hashCode()深入探讨 代码演示样例

    java 翻盖hashCode()深入探讨 代码演示样例 package org.rui.collection2.hashcode; /** * 覆盖hashcode * 设计HashCode时最重要 ...

  9. javascript 压缩空格代码演示

          压缩空格代码演示 主要是讲解 压缩一个字符串两段空格          例如:javascript函数里的空格不论是这样     var s = "Hello World     ...

随机推荐

  1. Python pygame库的应用

    今天想用pygame库写一个击打外星人飞船的python程序 这个游戏的效果是操纵一个位于屏幕底端的飞船,通过上下左右控制飞船移动方向,按空格发射子弹.游戏中击杀一批飞船后进入下一关卡.每一关卡击打飞 ...

  2. 戏说云计算之PaaS，IaaS，SaaS

    最近我们聊到"CRM系统PAAS化",有些可能就不了解,到底什么是PAAS.云计算还有IaaS,SaaS概念,这三者之间有什么区别?今天智云通CRM系统小编用通俗易懂的例子跟大家分 ...

  3. Windows学习总结（9）——Windows系统常用的网络控制指令

    ping 命令式用来测试TCP/IP 网络是否畅通或者网络连接速度的命 令,其原理是根据计算机唯一标示的IP 地址,当用户给目的地址发 送一个数据包时,对方就会返回一个同样大小的数据包,根据返回的 数 ...

  4. Ural 1114 Boxes

    Boxes Time Limit: 600ms Memory Limit: 16384KB This problem will be judged on Ural. Original ID: 1114 ...

  5. mongodb shell之使用js（二）

    mongodb shell之使用js(二) mongodb shell不仅是个交互式shell,还能够使用js脚本进行访问. 使用js脚本进行交互的优点与缺点 (1)无需任何驱动或语言支持: (2)方 ...

  6. Codeforces Round #244 (Div. 2)

    今天是水题集啊.... A. Police Recruits time limit per test 1 second memory limit per test 256 megabytes inpu ...

  7. （15）MOG背景减少

    1.根据上一帧找出变化的东西(如行走的人),消除背景,即不变的东西   motion detection 2.存在自身移动时的噪声和周围物体缓慢移动的噪声(这里播放的视频,我不断移动,背景可能有轻微的 ...

  8. jQuery通过event获取点击事件的事件对象

    要想搞明白js的事件机制,必须搞清楚几个概念:事件对象,事件源,还有事件流 事件对象: 当事件发生时会产生事件对象,事件对象的作用是用来记录“事件发生是一些相关的信息.注意事件对象只有在事件发生时才会 ...

  9. UIColor用自定义颜色，TableView去掉背景色

    1.用mac系统自带的数码测色计,选RGB模式,将值添加到ColorWithRed:xxx.0/255 最后的alpha选1.0 2.TableView的背景色要用setBackgroundView的 ...

  10. some notes about ADDM and AWR

    Use the sophisticated management and monitoring features of the Oracle DatabaseDiagnostic and Tuning ...