程序博客网 > 程序员励志电影

[37期]html常用标签组成的页面

来源：互联网 发布：程序员励志电影 编辑：程序博客网 时间：2024/06/07 20:43

发表个html常用标签组成的页面，没事儿抄几遍，方便把标签都背下来。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> 这是测试页</title>
<!-- <base href=""> 存在引起了锚点定向错误，要如何解决？-->
<link rel="StyleSheet" type="text/css" href="css/index.css">
<meta name="网页描述信息">
<meta keywords="网页关键字">
<meta description="文本描述">
<meta robots="all">
<meta author="作者">
<meta copyright="版本信息">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="refresh" content="5000;url=http://baidu.com">

</head>
<body>
这是换行标签
<!--这是换行标签-->

段落标签


<center>居中标签</center>
<pre>
上
左 右======留存格式！
下
</pre>
<ul><li>无序列表</li></ul>
<ol><li>有序列表</li></ol>
<hr width="90%" size="20" color="blue" noshade> <!--横隔线 宽、高、颜色、无阴影 -->

<h1>标题行h1注意只有一个</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<b><u><i>黑 下划线 斜体</i></u></b>

<font face="楷体_Gb2312" color="blue" size="5">楷体蓝色大小为5</font>

<tt>打印机文字</tt>

<cite>举例的斜体字</cite>

<em>强调的斜体字</em>

<strong>强调的黑体字</strong>

<small>小型字体</small>

<big>大型字体</big>

<a href="1.htm" target="_blank">one
<!--还有 _self标志-->
<a href="#one">跳转至锚点1

<a href="http://test1.htm#two">跳转至其他页面锚点2

<a name="one">锚点1的文档内容...
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa




<a href="#">跳转回页首



<a href="http://test.htm" target="_self"><img src="weave.png" border="5" height="150" width="30%" alt="这是一个图片链接，logo.jpg、边框5，高度300，宽度占浏览器30%">


<table border="1" width="50%" height="150" align="center" cellspacing="0" cellpadding="5" bgcolor="#cccccc" bordercolor="green">
<caption><h2>测试学员表</h2></caption>
<tr align="center">
<td colspan="3">学生基本信息</td>
<td colspan="2">成绩</td>
</tr>
<tr>
<th>姓名</th> <!--th标签为专门字段名-->
<th>性别</th>
<th>专业</th>
<th>课程</th>
<th>分数</th>
</tr>
<tr align="center">
<td>小峰</td>
<td>男</td>
<td rowspan="2" valign="bottom">计算机</td>
<td rowspan="2" valign="top">PHP开发</td>
<td>86</td>
</tr>
<tr align="center">
<td>小樱</td>
<td>女</td>
<td>98</td>
</tr>

</table>



<table align="center" border="1" cellspacing="0" cellpadding="5" width="60%">
<caption><h3>表单的应用实例</h3></caption>
<form name="login" action="login.php" method="post" target="_blank" title="表单应用" enctype="multipart/form-data">
<tr>
<th>文本域</th>
<td><input id="user" type="text" name="uesrname" size="30" maxlength="10" value="username">
</td>
</tr>
<tr>
<th>密码域</th>
<td><input type="password" name="pass" size="32" value="hello">
</td>
</tr>
<tr>
<th>复选框</th>
<td>
<input type="checkbox" checked name="del[]">玩游戏
<input type="checkbox" name="del[]">看电影
<input type="checkbox" name="del[]">听音乐
<input type="checkbox" name="del[]">旅游
<input type="checkbox" name="del[]">看书
<input type="checkbox" name="del[]">写字
</td>
</tr>
<tr>
<th>单选框1</th>
<td>
<input type="radio" name="***" checked>男
<input type="radio" name="***">女
<input type="radio" name="***">保密
</td>
</tr>
<tr>
<th>复选框2</th>
<td>
<input type="radio" name="***1">男
<input type="radio" name="***1" checked>女
<input type="radio" name="***1">待定
</td>
</tr>
<tr>
<th>上传文件enctype="multipart/form-data"</th>
<td>
<input type="file" name="pic_file">
</td>
</tr>
<tr>
<th>单选式下拉列表</th>
<td>
<select id="gn" name="gn">
<option value="0">---请选择---</option>
<option value="1">赋值为1</option>
<option selected>默认选择2</option>
<option>没赋值直接为选项内容</option>
</select>
</td>
</tr>
<tr>
<th>非下拉式列表</th>
<td>
<select id="gn1" name="gn1" size="4" multiple> <!--可以显示4行的多选列表-->
<option>111111</option>
<option>222222</option>
<option>333333</option>
<option>444444</option>
<option>555555</option>
</select>
</td>
</tr>
<tr>
<th>多行文本域</th>
<td>
<textarea cols="40" rows="6" name="message">请在这里输入消息40列6行，实际内容输入量不限 </textarea>
</td>
</tr>
<tr>
<input type="hidden" name="id" value="100"><!--这个是隐藏的值，不显示在网页上-->
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="sub" value="提交">
<input type="image" src="dl.gif">
<input type="reset">
<input type="button" value="清空">
</td>
</tr>
</form>

</table>

</body>
</html>

原文地址：http://bbs.lampbrother.net/read-htm-tid-113227.html

阅读(51) | 评论(0) | 转发(0) |
0

上一篇：[38期]LAMP兄弟连38期激情开班

下一篇：[37期]PHP常用函数总结（数组部分）共享版会有些错误

相关热门文章
  • IP Sec VPN与NAT破镜重圆
  • 网站导航
  • GoAgent图文设置教程
  • UT2.0正式版下载
  • tomcat6.0配置(含配置视频下载...
  • 大家都是用什么来管理hadoop集...
  • 网站被人挂了吗，添加了些程序...
  • Nginx如何保证不走宕机的那个...
  • 大家谈谈MYSQL客户端和服务器...
  • 以下代码运行后为何会输出5?...
给主人留下些什么吧！~~
评论热议
程序员励志电影 程序员励志电影
原创粉丝点击
热门IT博客
怎么下载打字软件怎么下载打字软件
win7 vb无法读取accesswin7 vb无法读取access
079冒险岛数据查询
摩托罗拉a1200软件
库存优化方案
重叠照片的软件
sqlserver分页
c语言取反怎么处理
软件服务创业
谁有淘宝上卖冰的链接
ec20 模块移植 linux
linux vi
范冰冰用什么直播软件
中国好人榜网络推荐
王家卫iloveyou知乎
联想y40 打开网络
电子音乐贺卡制作软件
网络对于青少年的影响
网络民生新闻
大财女变线 选股源码
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 茎道修一郎 修水库搬迁一人赔35万 佛系一修 修脚店拔一个肉刺300元 第一佛修 发动机渗油修一次大概多少钱 一修 一招教你手机声音增大三倍 近一年网购脱发产品人数翻倍 一招让wifi快十倍 双面伊人沈倍一宁少辰 一倍 我短线炒股一年翻80倍 简单一步让你手机网速快n倍 一倍是多少 任9一倍能中多少钱 2018年一建通过率三倍 1倍 大兴机场线比普通地铁快一倍 大兴机场线比普通地铁快一倍5 为什么年轻人看剧都用倍速 一语成偈 偈 偈怎么读 回向偈 菩提偈 偈语 六祖慧能的一句佛偈 一语成偈怎么读 一语成偈的读ji还是jie 一语成偈的读音 普贤行愿品偈颂 开经偈 偈子 普贤行愿品偈 菩提偈怎么读 觉林菩萨偈 晨钟偈 回向偈全文 偈语怎么读 开经偈全文

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里