<!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. 2.6 访问 Shell 脚本的参数

        所谓的位置参数(positional parameters)指的也就是Shell脚本的命令行参数(command-line arguments).在Shell函数里,它们同时也可以是函数的参数 ...

  2. Java基础学习总结（80）——Java性能优化详解

    让Java应用程序运行是一回事,但让他们跑得快就是另外一回事了.在面对对象的环境中,性能问题就像来势凶猛的野兽.但JVM的复杂性将性能调整的复杂程度增加了一个级别.这里Refcard涵盖了JVM in ...

  3. Spring MVC学习总结（8）——Swagger入门详解

    前言 Swagger 是一款RESTFUL接口的文档在线自动生成+功能测试功能软件.本文简单介绍了在项目中集成swagger的方法和一些常见问题.如果想深入分析项目源码,了解更多内容,见参考资料. S ...

  4. [USACO09JAN]全流Total Flow

    题目描述 Farmer John always wants his cows to have enough water and thus has made a map of the N (1 < ...

  5. BZOJ1452 count （树状数组）

    一道比较水的二维树状数组,开100个即可,只有100种颜色还是比较EZ的. Program BZOJ1452; ; maxc=; ..maxn,..maxn,..maxc] of longint; f ...

  6. CodeForces 370C

    这道题其实是挺简单的.首先很容易发现最多人用的颜色的人数如果大于n/2,就肯定不能让全部人都成功戴上两只不同颜色的手套.反过来想,如果这个人数小于等于n/2又如何呢?的确,这就能让全部人都能戴上两只不 ...

  7. Linux RAR 解压缩

    1.下载 http://www.rarlab.com/download.htm 2.安装 tar zxvf rarlinux-3.8.0.tar.gz cd rar make make install ...

  8. Ubuntu下使用Sysvinit实现自定义服务（简单研究）

    通过上一篇文章http://www.cnblogs.com/EasonJim/p/7168216.html可以大概了解到Sysvinit的历史. 其实在自定义服务上,使用Sysvinit是最简单的,本 ...

  9. mysqlhighavailability

    http://mysqlhighavailability.com/getting-started-with-mysql-group-replication/

  10. 【CV论文阅读】Two stream convolutional Networks for action recognition in Vedios

    论文的三个贡献 (1)提出了two-stream结构的CNN,由空间和时间两个维度的网络组成. (2)使用多帧的密集光流场作为训练输入,可以提取动作的信息. (3)利用了多任务训练的方法把两个数据集联 ...