作为一名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. 「kuangbin带你飞」专题十八 后缀数组

    layout: post title: 「kuangbin带你飞」专题十八 后缀数组 author: "luowentaoaa" catalog: true tags: - kua ...

  2. Codeforces 1018D D. Order book

    解法:用l,r分别代表buy的最大值和sell的最小值,add时,若添加的值在l,r之间,则该值有可能作为下一次accept的值 accept x时,x只能在区间[l,r]中,否则无解,若x为l或r, ...

  3. 如何正确使用const(常量),define(宏)

    前言 在开发中,也许我们会经常使用到宏定义,或者用const修饰一些数据类型,经常有开发者不知道怎么正确使用,导致项目中乱用宏定义与const修饰符.本篇主要介绍在开发中怎么正确使用const与def ...

  4. bmi健康指数

    #!/usr/bin/python # -*- coding: utf-8 -*- #小明身高1.75,体重80.5kg.请根据BMI公式(体重除以身高的平方) #帮小明计算他的BMI指数,并根据BM ...

  5. 2017 China Collegiate Programming Contest Final (CCPC 2017)

    题解右转队伍wiki https://acm.ecnu.edu.cn/wiki/index.php?title=2017_China_Collegiate_Programming_Contest_Fi ...

  6. POJ 3469 Dual Core CPU（最小割）

    [题目链接] http://poj.org/problem?id=3469 [题目大意] 有N个模块要在A,B两台机器上执行,在不同机器上有不同的花费 另有M个模块组(a,b),如果a和b在同一台机子 ...

  7. Bean装配--xml

    1,bean package com.songyan.zhangpei; import java.util.ArrayList; import com.sun.xml.internal.bind.v2 ...

  8. Android 使用SQLite本地数据库

    参考:http://blog.csdn.net/jianghuiquan/article/details/8569252 在Android平台上,集成了一个嵌入式关系型数据库—SQLite.以SQLi ...

  9. VUE -- 十分钟入门 Less

    这篇文章来自 Danny Markov, 是我最喜欢的博主之一,实际上我最近翻译的一些文章全是出自他手.在查看本文之前你也可以 查看原文. 我们都知道写 CSS 代码是有些枯燥无味的,尤其是面对那些成 ...

  10. 设计模式之责任链模式(php实现)

    github地址:https://github.com/ZQCard/design_pattern /** * 责任链模式(Chain of Responsibility Pattern)为请求创建了 ...