作为一名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. FZU-2218 Simple String Problem(状态压缩DP)

      原题地址: 题意: 给你一个串和两个整数n和k,n表示串的长度,k表示串只有前k个小写字母,问你两个不含相同元素的连续子串的长度的最大乘积. 思路: 状态压缩DP最多16位,第i位的状态表示第i位 ...

  2. bmi健康指数

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

  3. Introduction to the TestFlight SDK

    https://developer.apple.com/testflight/ When you want to test an app on your device, usually you plu ...

  4. Android开发中多进程共享数据

    # 背景 最近在工作中遇到一个需求,需要在接收到推送的时候将推送获得的数据存起来,以供app启动时使用.我们会认为这不是So easy吗?只要把数据存到SharedPreferences中,然后让ap ...

  5. vue的表单的简单介绍 input radio checkbox等表单特性

    在vue中我们可以通过v-model来为表单元素实现双向绑定 1:v-model指令 数据的双向绑定 双向绑定是说我们不仅仅可以通过数据(M)的改变去影响视图(V),还是当视图的内容改变(V)去影响模 ...

  6. 彻底解决DZ大附件上传问题

    个. 注意:很多人遇到修改php.ini后重应WEB服务后仍然不能生效.这种情况应该先确认一下所改的php.ini是不是当前PHP所使用的.您可以在WEB目录下建立一个php文件,内容很简单就一句话& ...

  7. python xml与字典的相互转换

    def trans_xml_to_dict(xml): """ 将微信支付交互返回的 XML 格式数据转化为 Python Dict 对象 :param xml: 原始 ...

  8. 【Hadoop】Hadoop MR 自定义分组 Partition机制

    1.概念 2.Hadoop默认分组机制--所有的Key分到一个组,一个Reduce任务处理 3.代码示例 FlowBean package com.ares.hadoop.mr.flowgroup; ...

  9. jmap -histo pid 输出的[C [B [I [S methodKlass的含义

    转载于https://yq.aliyun.com/articles/43542 摘要: jmap -histo pid 输出结果样式  num     #instances         #byte ...

  10. poj1236 Network of Schools ，有向图求强连通分量（Tarjan算法），缩点

    题目链接: 点击打开链接 题意: 给定一个有向图,求: 1) 至少要选几个顶点.才干做到从这些顶点出发,能够到达所有顶点 2) 至少要加多少条边.才干使得从不论什么一个顶点出发,都能到达所有顶点   ...