作为一名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. #424 Div2 C

    #424 Div2 C 题意 给出 k 个分数,初始分数未知,按顺序把这 k 个分数加到初始分数上,已知 n 个加入分数后的结果(无序),问初始分数有多少种可能. 分析 也就是说这 n 个结果,它们之 ...

  2. 4.NFC前台调度系统

    使用目的:当前Activity能直接响应NFC标签,而不需要用户在choose所有能处理的Activity. 使用步骤: 第一步:在onCreate()方法中,创建一个PendingIntent对象 ...

  3. IntelliJ IDEA控制台Console里没有查找快捷键

    问题描述:之前的项目一直用的 Eclipse,习惯了其快捷键的使用,现在的项目换到IntelliJ IDEA,为了尽快上手,就把快捷键Keymap修改为Eclipse方式.发现在控制台Console里 ...

  4. mysql 将多个查询结果合并成一行

    mysql中的多行查询结果合并成一个 SELECT GROUP_CONCAT(md.data1) FROM DATA md,contacts cc WHERE md.conskey=cc.id AND ...

  5. [置顶] kubernetes资源类型--deployment

    Deployment(中文意思为部署.调度)提供了一种更加简单的更新RC和Pod的机制,K8S版本1.2实现的.通过在Deployment中描述所期望的集群状态,Deployment Controll ...

  6. [置顶] kubernetes创建资源yaml文件例子--rc

    apiVersion: v1 #指定api版本,此值必须在kubectl apiversion中 kind: ReplicationController #指定创建资源的角色/类型 metadata: ...

  7. 批量删除Redis中的key

    bin/redis-cli -h 192.168.46.151 -p 6379 keys "rulelist*" | xargs bin/redis-cli  -h 192.168 ...

  8. Win7下nginx默认80端口被System占用，造成nginx启动报错的解决方案

    Win7下nginx默认80端口被System占用,造成nginx启动报错的解决方案   在win7 32位旗舰版下,启动1.0.8版本nginx,显示如下错误:  [plain] 2012/04/0 ...

  9. 2017.6.29 移除再导入maven module到IDEA中时提示： Unable to proceed. Nothing found to import.

    解决办法来自:https://stackoverflow.com/questions/18278016/re-importing-modules-into-intellij 场景: 将其中一个modu ...

  10. winrm.cmd

    C:\Windows\system32>winrm.cmdWindows 远程管理命令行工具 Windows 远程管理(WinRM)是 WS-Management 协议的 Microsoft 实 ...