作为一名web开发人员，总结了一下经常用到的html标签，如下：
<html>

	<head>

		<!--meta头标签   表示页面三秒后跳转到新浪页面-->

		<meta charset="utf-8" http-equiv="refresh" content="3;url=http://www.sina.com"/>

		<title></title>

	</head>

	<body>

		<!--dl标签演示-->

		<dl>

			<dt>上层项目</dt>

			<dd>下层项目</dd>

			<dd>下层项目</dd>

			<dd>下层项目</dd>

			<dd>下层项目</dd>

			<dd>下层项目</dd>

			<dd>下层项目</dd>

		</dl>
示例：
<!--ol标签演示-->

		<ol type="i" start="3">

			<li>abcdefghijklmnopqrstuvwxyz</li>

			<li>abcdefghijklmnopqrstuvwxyz</li>

			<li>abcdefghijklmnopqrstuvwxyz</li>

			<li>abcdefghijklmnopqrstuvwxyz</li>

			<li>abcdefghijklmnopqrstuvwxyz</li>

		</ol>

		<!--ul标签演示-->

		<ul type="square" >

			<li>abcdefghijklmnopqrstuvwxyz</li>

			<li>abcdefghijklmnopqrstuvwxyz</li>

			<li>abcdefghijklmnopqrstuvwxyz</li>

			<li>abcdefghijklmnopqrstuvwxyz</li>

			<li>abcdefghijklmnopqrstuvwxyz</li>

		</ul>

		<!--img标签演示-->

		<img src="img/42.jpg" alt="光标移动到图片上的说明文字" height="200" width="200"/>

		<!--table标签演示-->

		<table border="1" cellspacing="0" cellpadding="10" width="70%">

			<caption>表格标题</caption>

			<tr>

				<th>单元格一</th>

                             <!--

                             	<th>是综合标签 居中加粗

                             -->

				<th>单元格二</th>

			</tr>

			<tr>

				<td align="center"><b>单元格三</b></td>

				<td>单元格四</td>

			</tr>

			<!--合并单元格演示-->

			<tr>

				<td colspan="2">adqw</td>

				<!--<td>asda</td>-->

			</tr>

			<tr>

				<td rowspan="2">asdsa</td>

				<td>asfd</td>

			</tr>

			<tr>

				<!--<td>asfd</td>-->

				<td>asdd</td>

			</tr>

		</table>

		<hr />

		<!--

        	form表单标签演示

        -->

        <fieldset><!--区域框-->

        	<legend>注册区域</legend>

        <form action="#" method="post">

        	<label accesskey="U" for="userid">用户名(U)：</label>

        	<input type="text" name="user" id="userid"/><br />

        	密码:<input type="password" name="pass" /><br />

        	性别:<input type="radio" name="sex" value="man" />男

        		<input type="radio" name="sex" value="woman" />女<br />

        	特长:<input type="checkbox" name="tech" value="java" />java

        		<input type="checkbox" name="tech" value="html" />html

        		<input type="checkbox" name="tech" value="javaweb" />web<br />

        	上传文件:<input type="file"  /><br />

        	<select name="country">

        		<option value="none">--请选择一个国家--</option>

        		<option value="cn">中国</option>

        		<option value="usa">美国</option>

        		<option value="en">英国</option>

        	</select><br />

        	<input type="submit" value="提交" />

        	<input type="reset" value="重置" />

        	<input type="image" src="img/42.jpg" height="200" width="300"/>

        	<!--type="image"这个属性可以替代submit属性-->

        </form>

        </fieldset>
<!--表格的另一种展示-->

        <table border="1">

			<thead>

				<tr>

					<th>Month</th>

					<th>Savings</th>

				</tr>

			</thead>

			<tfoot>

				<tr>

					<td>Sum</td>

					<td>$180</td>

				</tr>

			</tfoot>

			<tbody>

				<tr>

					<td>January</td>

					<td>$100</td>

				</tr>

				<tr>

					<td>February</td>

					<td>$80</td>

				</tr>

			</tbody>

		</table>

　　

</body> </html>

　　附加说明：form表单提交的method有两种形式  get和post，区别在于：

在服务器端的区别是：

web开发中比较常用的html标签的更多相关文章

  1. WEB开发中常用的正则表达式

    在计算机科学中,正则表达式用来描述或者匹配一系列符合某个句法规则的字符串的单个字符串.在WEB开发中,正则表达式通常用来检测.查找替换某些符合规则的字符串,如检测用户输入E-mai格式是否正确,采集符 ...

  2. WEB开发中常用的正则表达式集合

    在计算机科学中,正则表达式用来描述或者匹配一系列符合某个句法规则的字符串的单个字符串.在WEB开发中,正则表达式通常用来检测.查找替换某些符合规则的字符串,如检测用户输入E-mai格式是否正确,采集符 ...

  3. WEB开发中的字符集和编码

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,bi ...

  4. 依赖注入及AOP简述（十）——Web开发中常用Scope简介 .

    1.2.    Web开发中常用Scope简介 这里主要介绍基于Servlet的Web开发中常用的Scope. l        第一个比较常用的就是Application级Scope,通常我们会将一 ...

  5. 在 Web 开发中，img 标签用来呈现图片，而且一般来说，浏览器是会对这些图片进行缓存的。

    在 Web 开发中,img 标签用来呈现图片,而且一般来说,浏览器是会对这些图片进行缓存的. 比如访问百度,我们可以发现,图片.脚本这种都是从缓存(内存缓存/磁盘缓存)中加载的,而不是再去访问一次百度 ...

  6. web开发中目录路径问题的解决

    web开发当中,目录路径的书写是再常用不过了,一般情况下不会出什么问题,但是有些时候出现了问题却一直感到奇怪,所以这里记录一下,彻底解决web开发中路径的问题,开发分为前端和服务端,那么就从这两个方面 ...

  7. 【初码干货】使用阿里云对Web开发中的资源文件进行CDN加速的深入研究和实践

    提示:阅读本文需提前了解的相关知识 1.阿里云(https://www.aliyun.com) 2.阿里云CDN(https://www.aliyun.com/product/cdn) 3.阿里云OS ...

  8. 今日推荐：10款在 Web 开发中很有用的占位图片服务

    设计网站时,将要使用的图像在一开始通常还不存在,这个时候布局是最重要的.然而,图像的尺寸通常是预先设置,实用一些占位图像可以帮助我们更好地预览和分析布局. 如今,有免费的占位图片自动生成工具可以使用, ...

  9. Redis在WEB开发中的应用与实践

    Redis在WEB开发中的应用与实践 一.Redis概述: Redis是一个功能强大.性能高效的开源数据结构服务器,Redis最典型的应用是NoSQL.但事实上Redis除了作为NoSQL数据库使用之 ...

随机推荐

  1. 【NOIP模拟赛】【数学真奇妙】【递推】旅行者问题

    旅行者问题 [问题描述] lahub是一个旅行者的粉丝,他想成为一个真正的旅行者,所以他计划开始一段旅行.lahub想去参观n个目的地(都在一条直道上).lahub在起点开始他的旅行.第i个目的地和起 ...

  2. sqlsever 和oracle的参数

    StringBuilder strSql = new StringBuilder(); strSql.Append("insert into YXZY_TSDQWH("); str ...

  3. 虚拟机拷贝之后，发现系统内的开机自启动的nginx，不能自启动了

    因业务需要,同事以某个虚拟机为模板,复制出其他的CentOS虚拟机时,发现原系统内的开机自启动的nginx,不能再自启动了. 好吧,那就重新注册一下 nginx 的开机自启动: # 先删除原来的注册: ...

  4. 国内 docker 仓库镜像对比

    http://www.datastart.cn/tech/2016/09/28/docker-mirror.html

  5. Winform打砖块游戏制作step by step第一节---主界面搭建

    一 引子 为了让更多的编程初学者,轻松愉快地掌握面向对象的思考方法,对象继承和多态的妙用,故推出此系列随笔,还望大家多多支持. 二 本节内容---主界面搭建 1.主界面截图 2. 该窗体主要包含了以下 ...

  6. 编译qt提示找不到gmake

    转:http://wuyuans.com/2012/11/gmake-not-found/ 在用debian编译qt4.5的时候提示gmake: not found,gmake是什么东西,用aptit ...

  7. Visual Studio Debug和Release的区别及obj的作用

    一.Debug和Release的区别      1.Debug:调试版本,包含调试信息,所以容量比Release大很多,并且不进行任何优化(优化会使调试复杂化,因为源代码和生成的指令间关系会更复杂), ...

  8. win10 安装java

    https://jingyan.baidu.com/article/fea4511a12b158f7bb9125b9.html 一 下载java SE 官网 二设置环境变量 JAVA_HOME PAT ...

  9. flask的session解读及flask_login登录过程研究

    #!/usr/bin/env python # -*- coding: utf-8 -*- from itsdangerous import URLSafeTimedSerializer from f ...

  10. 如何设计好的RESTful API 之好的RESTful API 特征

    原文地址:http://blog.csdn.net/ywk253100/article/details/25654021 导读:设计好RESTful API对于软件架构的可扩展性.可伸缩性和消费者的体 ...