<!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. 【Codeforces 411A】Password Check

    [链接] 我是链接,点我呀:) [题意] 题意 [题解] 傻逼模拟题 [代码] import java.io.*; import java.util.*; public class Main { st ...

  2. Maven学习总结（31）——Maven坐标详解

    Maven的一个核心的作用就是管理项目的依赖,引入我们所需的各种jar包等.为了能自动化的解析任何一个Java构件,Maven必须将这些Jar包或者其他资源进行唯一标识,这是管理项目的依赖的基础,也就 ...

  3. RabbitMQ-linux安装rabbitmq(二)

    说明 本地装了个虚拟机模拟集群 所以记下安装步骤 安装Erlang 安装类库 yum -y install ncurses-devel yum -y install openssl-devel yum ...

  4. [ZJOI2009]硬币游戏

    Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 920  Solved: 406[Submit][Status][Discuss] Descriptio ...

  5. POJ 1523 SPF 割点 Tarjan

    SPF Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 9317   Accepted: 4218 Description C ...

  6. Ubuntu 16.04安装Sublime Text3

    1.安装: sudo add-apt-repository ppa:webupd8team/sublime-text-3 sudo apt-get update sudo apt-get instal ...

  7. 5、Java并发性和多线程-相同线程

    以下内容转自http://tutorials.jenkov.com/java-concurrency/same-threading.html(使用谷歌翻译): 相同线程(同一线程)是一种并发模型,其中 ...

  8. 【CV知识学习】【转】beyond Bags of features for rec scenen categories。基于词袋模型改进的自然场景识别方法

    原博文地址:http://www.cnblogs.com/nobadfish/articles/5244637.html 原论文名叫Byeond bags of features:Spatial Py ...

  9. Android:Unable to resolve target ‘android-8’问题解决

    在学习过程中,下载别人写过的代码,导入到eclipse,报错: Unable to resolve target 'android-8' 问题是项目版本号问题. 解决方法例如以下: 右击项目:Prop ...

  10. express 不是内部或外部命令（windows）解决方式

    请环境变量设置 注意 "D:\soft\nodejs\"这个是笔者自己安装在电脑上的node js文件夹,请改动成自己的 假设安装的express是4.X就要安装 express- ...