html基础代码演示2
<!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的更多相关文章
- Swift语言 简明基础 代码演示样例
开发环境: Mac.Xcode6.0 下面内容均可创建ios common line项目来測试 1.Hello World演示样例 使用xcode创建新的common line项目,查看主文件main ...
- 单元测试_JUnit常用单元测试注解介绍及代码演示
JUnit常用单元测试注解介绍及代码演示 by:授客 QQ:1033553122 1. 测试环境 1 2. 基础概念 1 3. 常用Annotation 1 4. 运行环境配置 3 maven配置 ...
- Python Web框架Tornado的异步处理代码演示样例
1. What is Tornado Tornado是一个轻量级但高性能的Python web框架,与还有一个流行的Python web框架Django相比.tornado不提供操作数据库的ORM接口 ...
- 代码演示C#各版本新功能
代码演示C#各版本新功能 C#各版本新功能其实都能在官网搜到,但很少有人整理在一起,并通过非常简短的代码将每个新特性演示出来. 代码演示C#各版本新功能 C# 2.0版 - 2005 泛型 分部类型 ...
- Mysql基础代码（不断完善中）
Mysql基础代码,不断完善中~ /* 启动MySQL */ net start mysql /* 连接与断开服务器 */ mysql -h 地址 -P 端口 -u 用户名 -p 密码 /* 跳过权限 ...
- 14种网页jQuery和css3特效插件代码演示
1.网页table增删样式代码 演示和下载地址 2.jQuery左右滑动幻灯片插件 演示和下载地址 3.jQuery文字轮播焦点图 演示和下载地址 4.网页文字焦点图切换 演示和下载地址 5.jQue ...
- 9种jQuery和css3图片动画特效代码演示
1.自由旋转的jQuery图片 演示和下载地址 2.css3阴影动画效果 演示和下载地址 3.拉窗帘特效图片 演示和下载地址 4.css3文字特效动画 演示和下载地址 5.css3时钟代码 演示和下载 ...
- java 覆盖hashCode()深入探讨 代码演示样例
java 翻盖hashCode()深入探讨 代码演示样例 package org.rui.collection2.hashcode; /** * 覆盖hashcode * 设计HashCode时最重要 ...
- javascript 压缩空格代码演示
压缩空格代码演示 主要是讲解 压缩一个字符串两段空格 例如:javascript函数里的空格不论是这样 var s = "Hello World ...
随机推荐
- 分金币 （UVA 11300）
http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=33899 思路:推公式,发现可以转化为求给定n个数,求到所有点距离之和最小的点 ...
- 【Codeforces 242C】King's Path
[链接] 我是链接,点我呀:) [题意] 让你找到(x0,y0)到(x1,y1)的一条最短路 走过的点必须在所给的n个横向路径上 [题解] 因为n条横向路径上的点最多不会超过10的5次方个,所以我们可 ...
- JavaSE 学习笔记之反射技术（二十四）
反射技术:其实就是动态加载一个指定的类,并获取该类中的所有的内容.而且将字节码文件封装成对象,并将字节码文件中的内容都封装成对象,这样便于操作这些成员.简单说:反射技术可以对一个类进行解剖. 反射的好 ...
- [luoguP3252] [JLOI2012]树（DP）
传送门 树上前缀和. 在树上找一条权值和为 s 的链,其中这个链上的点按深度递增(递减)(不同) dfs 每搜到一个点求它的前缀和 sum[x],放入 set 中. 在 set 中找 sum[x] - ...
- 页面加载即执行JQuery的三种方法
[1]$(function( ){ }): $(function(){ $("#name").click(function(){ //adding your code here } ...
- Container/Injection 为什么会出现容器的思路，以后会有什么的趋势，未来是怎样的
一.为什么会出现容器的思路? 容器概念始于 1979 年提出的 UNIX chroot,它是一个 UNIX 操作系统的系统调用,将一个进程及其子进程的根目录改变到文件系统中的一个新位置,让这些进程只能 ...
- Spring Cloud ZooKeeper集成Feign的坑2，服务调用了一次后第二次调用就变成了500，错误：Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is com.n
错误如下: 2017-09-19 15:05:24.659 INFO 9986 --- [ main] s.c.a.AnnotationConfigApplicationContext : Refre ...
- SiteMesh2-decorators.xml文件
SiteMesh默认使用decorators.xml作为装饰配置文件. decorators.xml顶层元素概览如下: <decorators> <decorator/> &l ...
- Linux ANSI 乱码问题
原帖http://blog.chinaunix.net/u/24624/showart_184609.html Windows 到 linux 解决samba-3.x客户端中文乱码问题 dos cha ...
- JS实现转动随机数抽奖的特效代码
JS实现转动随机数抽奖的特效代码 大家都玩过抽奖游戏,或者梦想抽到大奖吧.可是有没有想过抽奖游戏是怎么实现的呐?今天就给大家分享一款转动随机数抽奖的JS特效代码. 实现代码例如以下 <!Doct ...