作为一名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. UVA——442 Matrix Chain Multiplication

    442 Matrix Chain MultiplicationSuppose you have to evaluate an expression like A*B*C*D*E where A,B,C ...

  2. 将一个txt里的A和B谈话内容获取出来并分别保存到A和B的txt文件中

    import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream;import java.io.Fi ...

  3. Strobogrammatic Number II -- LeetCode

    A strobogrammatic number is a number that looks the same when rotated 180 degrees (looked at upside ...

  4. Best Time to Buy and Sell Stock with Cooldown -- LeetCode

    Say you have an array for which the ith element is the price of a given stock on day i. Design an al ...

  5. http网页性能最佳实践

    你愿意为打开一个网页等待多长时间?我一秒也不愿意等.但是事实上大多数网站在响应速度方面都让人失望.现在越来越多的人开始建立自己的网站,博客,你的网页响应速度如何呢?在这篇文章中我们来介绍一下提高网页性 ...

  6. sql server 存储过程中使用变量表,临时表的分析(续)

    最近,我有一朋友,对我说他的数据库中的很多存储过程,执行都是超时.让我替他看看是什么原因.我一看,原来他的存储过程中用了很多的临时表与变量表.于是我跟他说过犹不及. 在存储过程中使用临时表或变量表,使 ...

  7. Excel设置下拉菜单并隐藏下拉菜单来源单元格内容

    一.问题来源 做实验室的进展统计表,老师让加上开始时间和完成时间,时间格式:周几_上午(下午.晚上). 这样就可以了做下拉菜单,方便填写,而且格式统一,方便查看. 二.解决办法 2.1 下来菜单 红框 ...

  8. 【java】java自带的java.util.logging.Logger日志功能

    偶然翻阅到一篇文章,注意到Java自带的Logger日志功能,特地来细细的看一看,记录一下. 1.Java自带的日志功能,默认的配置 ①Logger的默认配置,位置在JRE安装目录下lib中的logg ...

  9. JS 随机数字抽签

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <t ...

  10. IP头,TCP头,UDP头,MAC帧头定义

    一.MAC帧头定义 /*数据帧定义,头14个字节,尾4个字节*/ typedef struct _MAC_FRAME_HEADER {  char m_cDstMacAddress[6];    // ...