[原创]HTML标签总结！！ 第一次画 尚需要改进 多关照
HTML 页面标签总结 拿xMind写了一下午总结的 只能传图片了 CSS明天整理 后天看看能不能传上来
//========================================文本标签===================
=
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>文本样式标签</title>
</head>
<body size="10">
<center>
<h1>使用<h1></h1>
<h2>使用<h2></h2>
<h3>使用<h3></h3>
<h4>使用<h4></h4>
<h5>使用<h5></h5>
<h6>使用<h6></h6>
</center>
<font face="楷体" color="red" size="2">绝对字体,大小为5的,红色,楷体字</font><br />
<font face="宋体" color="green" size="+3">相对字体大小为+3的绿色宋体字</font><br />
<font face="黑体" color="blue" size="-1">相对字体大小为-1的蓝色黑体字</font><br />
<b>使用<B>标记输出粗体字</b><br />
<u>使用<U>标记输出有下划线的文字</u><br />
<i>使用用<I>标记输出斜体字</i><br />
<tt>使用<tt>标记输出打印机文字</tt><br />
<cite>使用<cite>标记输出引证,举例,斜体字</cite><br />
<em>使用<EM>标记输出强调斜体字</em><br />
<strong>使用<Strong>标记输出强调的粗体</strong><br />
<small>使用<Small>标记输出小型字体</small><br />
<big>使用用<big>标记输出大型字体</big><br />
</body>
</html>
结果为：
==================================table标签form表单==========================
<table width="80%" border="1"
cellpadding="3" cellspacing="0"
align="center">
<caption><h1>学员表</h1></caption>
<tr>
<th colspan="3"> 学员基本信息</th>
<th colspan="2">成 绩</th></tr>
<tr>
<th>姓 名</th><th>性 别</th>
<th>专 业</th><th>课 程</th>
<th>分 数</th>
</tr><tr align="center">
<td>小 峰</td><td>男</td>
<td rowspan="2">计算机</td>
<td rowspan="2">PHP开发</td>
<td>86</td></tr>
<tr align="center">
<td>小 影</td>
<td>女</td><td>98</td>
</tr>
</table>
//===========================form标签======================================
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>学员基本信息表</title>
</head>
<body>
<table align="center" width="500" border="1" cellpadding="2" cellspacing="0">
<caption>
<h2>学员基本信息</h2>
</caption>
<form action="server.jsp" method="post">
<tr>
<td>姓名:</td>
<td><input type="text" name="username" size="20" /></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="username" size="20" /></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" value="1" checked />男
<input type="radio" name="sex" value="2" />女
<input type="radio" name="sex" value="0" />保密
</td>
</tr>
<tr>
<td>学历:</td>
<td>
<select id="" name="edu">
<option>--请选择--</option>
<option value="1">高中</option>
<option value="2">大专</option>
<option value="3">本科</option>
<option value="4">研究生</option>
<option value="5">其他</option>
</select>
</td>
</tr>
<tr>
<td>选修课程:</td>
<td>
<input type="checkbox" name="course[]" value="4" />Java
<input type="checkbox" name="course[]" value="5" />Oracle
<input type="checkbox" name="course[]" value="6" />Android
<input type="checkbox" name="course[]" value="7" />Javascript
</td>
</tr>
<tr>
<td>自我评价:</td>
<td>
<textarea id="" name="eval" rows="4" cols="40"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="submit" value="提交" />
<input type="reset" name="reset" value="重置" />
</td>
</tr> </form>
</table>
</body>
</html>
</form>
</table>
</body>
</html>
结果为：
//===================frame框架===================
--------index.html--------
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用框架定义一个网页集合</title>
</head>
<frameset rows="100,*" frameborder="1" border="5">
<frame src="./top.html" name="top" scrolling="no" noresize/>
<frameset cols="200,*">
<frame src="./menu.html" name="menu" scrolling="no" noresize/>
<frame src="./main.html" name="main" noresize/>
</frameset>
</frameset>
</html> -------top.html-----------
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>顶部页面</title>
</head>
<body>
<center>
<h2>某某学校网站后台管理</h2>
</center>
<p>
<a href="menu.html" target="menu">大类管理一</a> ||
<a href="menu2.html" target="menu">大类管理二</a> ||
<a href="menu3.html" target="menu">大类管理三</a>
</p>
</body>
</html>
-------menu---------------
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>二级菜单管理</title>
</head>
<body>
<center>
<h3>大类管理(一)菜单</h3>
</center>
<p>
<a href="main.html" target="main">管理选项1</a><br />
<a href="main2.html" target="main">管理选项2</a><br />
<a href="main3.html" target="main">管理选项3</a><br />
</p>
</body>
</html>
---------main-------------
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<center>
<h4>大类管理(一) > 管理选项1 > 内容设置</h4>
</center>
</body>
</html>
//结果为：
[原创]HTML标签总结！！ 第一次画 尚需要改进 多关照的更多相关文章
- [原创].NET 分布式架构开发实战五 Framework改进篇
原文:[原创].NET 分布式架构开发实战五 Framework改进篇 .NET 分布式架构开发实战五 Framework改进篇 前言:本来打算这篇文章来写DAL的重构的,现在计划有点改变.之前的文章 ...
- [原创]css3简单几步画一个乾坤图
效果如上,鼠标移上去会有动画. 代码如下非常简单: <html> <head> <style> .outer{height:100px;width:200px;bo ...
- 【原创】只用 HTML / CSS 画出一把 UKULELE（夏威夷四弦吉他）
在线演示:http://abelyao.github.io/ukulele/ 源代码: https://github.com/AbelYao/css-ukulele 效果图: 为了熟练 CSS ...
- OA思维导图（第一次画）
- 32.QT-制作最强电压电阻表盘,可以自定义阴影效果,渐变颜色,图标,文字标签等-附带demo程序
由于上位机需要绘制电压电阻表盘,如下图所示: 后来,在网上找阿找,还是没找到满意的,索性自己来画控件算了,由于第一次画控件,所以花了我2天时间,才画好 效果图如下: 上图的所有颜色(包括滑动的渐变/单 ...
- Matplotlib学习---用matplotlib画柱形图，堆积柱形图，横向柱形图（bar chart）
这里利用Nathan Yau所著的<鲜活的数据:数据可视化指南>一书中的数据,学习画图. 数据地址:http://datasets.flowingdata.com/hot-dog-cont ...
- 一个标签的72变，打造一个纯CSS图标库
每次要用到图标的时候都会到 icono 去copypaste,但每次用到的时候尺寸都各不一样,总是要调整参数,巨烦.当然你可以会想到用zoom.scale来做缩放,但是这样的缩放会使得线宽也变粗了,不 ...
- css伪元素before/after和画三角形的搭配应用
想要实现的效果如下: 第一步:如何用css画出三角形? /* css画三角形 */ .sanjiao{ ; border-top:40px solid red; border-bottom:40px ...
- s2-029 Struts2 标签远程代码执行分析(含POC)
1.标签介绍 Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性.实现了更好的代码复用.Struts2允许在页面中使用自定义组件 ...
随机推荐
- LightOJ 1422 Halloween Costumes
dp[i]][j]=min(dp[i+1][j]+1,dp[i+1][k-1]+dp[k][j]) 表示第i天到j的最小数量.如果第i天的衣服只自己穿的话,不考虑后面的就是dp[i][j]=dp[i+ ...
- Magento 头部的演示信息去除
进入后台: 系统-配置, 然后选择左栏的“设计”, 选择右栏的HTML头信息里面有个“Display Demo Store Notice”, 默认是yes,设置为“no”就可以了.
- 如何获取域名（网址）对应的IP地址
域名(Domain Name),是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位.通俗点讲,域名就是我们平时进行网络浏览时所用到的网址( ...
- 异常（Exception）
1.Java中所有的异常类都会直接或间接地继承自Exception. 2.RuntimeException类也是直接继承自Exception类,它叫做运行时异常,Java中所有的运行时异常都会直接或间 ...
- leetcode@ [54/59] Spiral Matrix & Spiral Matrix II
https://leetcode.com/problems/spiral-matrix/ Given a matrix of m x n elements (m rows, n columns), r ...
- 【AwayPhysics学习笔记】：Away3D物理引擎的简介与使用
首先我们要了解的是AwayPhysics这个物理引擎并不是重头开始写的新物理引擎,而是使用Flascc技术把一个已经很成熟的Bullet物理引擎引入到了Flash中,同时为了让as3可以使用这个C++ ...
- JSON序列化及利用SqlServer系统存储过程sp_send_dbmail发送邮件（一）
JSON序列化 http://www.cnblogs.com/yubaolee/p/json_serialize.html 利用SqlServer系统存储过程sp_send_dbmail发送邮件(一) ...
- VS项目重命名工具
VS项目重命名工具 VS项目整体重命名工具 不再为项目重命名和修改命名空间而烦恼,简单几个字,但是开发加上测试大量项目,前前后后竟然跨越了1个月,汗...不过真正的开发时间可能2-3天的样子. 一. ...
- java反射快速入门（一）
本文会从以下几个方面讲起 ① 反射的简单解释 ② java反射的API接口 及 demo ③ 反射的优缺点.应用场景 一.什么是反射? java反射:在程序运行中动态获取类的信息,及动态调用对象的方法 ...
- xcode6 升级到xcode7 产生的问题
当初作为第一个吃螃蟹的人,第一天就把xcode升级到了xcode7,结果报了一堆错,网上也没有解决方案,于是果断退到xcode6.这两天看时机成熟,升到了xcode7,在升级后,会有许多问题,在此罗列 ...