<!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. loadrunner12 + ie11 无internet， 代码中文乱码

    第一次用lr    录制的时候显示无internet, 在网上找了好久答案, 无非是ie路径设置,还有证书......   都试过了不好用,自己研究一下午 , 最后发现是协议没对应上,http协议  ...

  2. pandas处理各类表格数据

    经常遇到Python读取excel和csv还有其他各种文件的内容.json还有web端的读取还是比较简单,但是excel和csv的读写是很麻烦.这里记录了pandas库提供的方法来实现文本内容和Dat ...

  3. [bzoj2242][SDOI2011][计算器] (Baby-Step-Giant-Step+快速幂+exgcd)

    Description 你被要求设计一个计算器完成以下三项任务: 1.给定y,z,p,计算Y^Z Mod P 的值: 2.给定y,z,p,计算满足xy≡ Z ( mod P )的最小非负整数: 3.给 ...

  4. MySQL 乐观锁和悲观锁

    前言 1)在数据库的锁机制中介绍过,数据库管理系统(DBMS)中的并发控制的任务是确保在多个事务同时存取数据库中同一数据时不破坏事务的隔离性和一致性以及数据库的一致性. 2)加锁是为了解决更新丢失问题 ...

  5. [linux]centos7下解决yum install mysql-server没有可用包

    第一步:安装从网上下载文件的wget命令 [root@master ~]# yum -y install wget 第二步:下载mysql的repo源 [root@master ~]# wget ht ...

  6. POJ 3270 置换群问题

    题目大意是: 每头牛都有一个对应的值a[i],现在给定一个初始的牛的序列,希望通过两两交换,能够使这些牛按值升序排列,每次交换都会耗费一个 a[i]+a[j] 希望耗费最小,求出这个最小耗费 个人觉得 ...

  7. H - Tickets

    Jesus, what a great movie! Thousands of people are rushing to the cinema. However, this is really a ...

  8. [bzoj3668][Noi2014]起床困难综合症_暴力

    起床困难综合征 bzoj-3668 Noi-2014 题目大意:题目链接. 注释:略. 想法:Noi考这题...联赛T1难度.... 我们将每个门上的数二进制拆分. 发现:当前位的操作可能直接确定了当 ...

  9. 此人牛b,学习榜样

    http://liyangliang.me/about/ ------------------------------------------------------------2017年11月12日 ...

  10. 怎样用EA设计ER图

    我们开发系统从文档開始,而EA就是替我们开发文档的好工具.结束了我们从概念设计到逻辑设计中的非常多问题.完好我们的文档. 如今就给大家说说如何在EA中设计概念模型ER图: 首先打开EA-"新 ...