<!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. Latex Notes

    latex Table of Contents 1. Presentation/Slides with Beamer 2. Drawing in LaTex With TikZ 3. Tracked ...

  2. [模拟赛FJOI Easy Round #2][T3 skill] (最小割+最大权闭合子图（文理分科模型）)

    [题目描述] 天上红绯在游戏中扮演敏剑,对于高攻击低防御的职业来说,爆发力显得非常重要,为此,她准备学习n个技能,每个技能都有2个学习方向:物理攻击和魔法攻击.对于第i个技能,如果选择物理攻击方向,会 ...

  3. Discuz 部署，500 – 内部服务器错误。 您查找的资源存在问题，因而无法显示。

    Windows7 IIS 500 – 内部服务器错误解决方案 1.解决方法:打开IIS,在功能视图中找到“错误页”,双击进去后,看最右边的“操作”下的“编辑功能设置…”,将“错误响应”下的“详细错误” ...

  4. 利用python进行数据分析－－（阅读笔记一）

    以此记录阅读和学习<利用Python进行数据分析>这本书中的觉得重要的点! 第一章:准备工作 1.一组新闻文章可以被处理为一张词频表,这张词频表可以用于情感分析. 2.大多数软件是由两部分 ...

  5. Hadoop2.0安装之非HA版

    主要步骤跟Hadoop1.0(1.0安装地址)一致,主要在配置这块有更改 安装 下载地址:http://archive.apache.org/dist/hadoop/core/hadoop-2.6.5 ...

  6. 解DBA之惑：数据库承载能力评估及优化手段

    原创 2016-08-29 韩锋 DBAplus社群   作者介绍 韩锋,宜信技术研发中心数据库架构师.精通多种关系型数据库,曾任职于当当网.TOM在线等公司,曾任多家公司首席DBA.数据库架构师等职 ...

  7. 怎样一步步用D3画多曲线

    Bar Chart: http://bl.ocks.org/mbostock/3885304 这是一个画柱状图的基本形式. Axis是数轴: tickets是数轴上的标尺.tickets第二个參数% ...

  8. 从一个input点击引起的思考

    一个input或者select标签都是有属于自己的disabled属性的,这个属性很少被使用,但是我们在项目实际开发的过程中也会遇到,比如我选择之后就让他置灰不可以变动了,那么久可利用js动态设置.对 ...

  9. Cocos2d-x 3.x 图形学渲染系列十五

    笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家.特邀编辑,畅销书作者,国家专利发明人;已出版书籍:<手把手教你架构3D游戏引擎>电子工业出版社和<Unity3D ...

  10. ios oc调用swift framework

    1.oc 调用swift /*oc调用swift, project name为DeomOC: 1.oc工程DemoOC中显式创建一个swift文件,生成DemoOC-Bridging-Header.h ...