HTML 页面标签总结  拿xMind写了一下午总结的   只能传图片了   CSS明天整理  后天看看能不能传上来

//========================================文本标签===================

=

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5.     <title>文本样式标签</title>
  6. </head>
  7. <body size="10">
  8.     <center>
  9.         <h1>使用&lt;h1&gt;</h1>
  10.         <h2>使用&lt;h2&gt;</h2>
  11.         <h3>使用&lt;h3&gt;</h3>
  12.         <h4>使用&lt;h4&gt;</h4>
  13.         <h5>使用&lt;h5&gt;</h5>
  14.         <h6>使用&lt;h6&gt;</h6>
  15.     </center>
  16.     <font face="楷体" color="red" size="2">绝对字体,大小为5的,红色,楷体字</font><br />
  17.     <font face="宋体" color="green" size="+3">相对字体大小为+3的绿色宋体字</font><br />
  18.     <font face="黑体" color="blue" size="-1">相对字体大小为-1的蓝色黑体字</font><br />
  19.     <b>使用&lt;B&gt;标记输出粗体字</b><br />
  20.     <u>使用&lt;U&gt;标记输出有下划线的文字</u><br />
  21.     <i>使用用&lt;I&gt;标记输出斜体字</i><br />
  22.     <tt>使用&lt;tt&gt;标记输出打印机文字</tt><br />
  23.     <cite>使用&lt;cite&gt;标记输出引证,举例,斜体字</cite><br />
  24.     <em>使用&lt;EM&gt;标记输出强调斜体字</em><br />
  25.     <strong>使用&lt;Strong&gt;标记输出强调的粗体</strong><br />
  26.     <small>使用&lt;Small&gt;标记输出小型字体</small><br />
  27.     <big>使用用&lt;big&gt;标记输出大型字体</big><br />
  28. </body>
  29. </html>

结果为：

==================================table标签form表单==========================

  1. <table width="80%" border="1"
  2.      cellpadding="3" cellspacing="0"
  3.      align="center">
  4.    <caption><h1>学员表</h1></caption>
  5.    <tr>
  6.        <th colspan="3"> 学员基本信息</th>
  7.        <th colspan="2">成 绩</th></tr>
  8.    <tr>
  9.        <th>姓 名</th><th>性 别</th>
  10.        <th>专 业</th><th>课 程</th>
  11.        <th>分 数</th>
  12.    </tr><tr align="center">
  13.        <td>小 峰</td><td>男</td>
  14.        <td rowspan="2">计算机</td>
  15.        <td rowspan="2">PHP开发</td>
  16.        <td>86</td></tr>
  17.    <tr align="center">
  18.         <td>小 影</td>
  19.         <td>女</td><td>98</td>
  20.     </tr>
  21. </table>
  22. //===========================form标签======================================
  23. <!DOCTYPE HTML>
  24. <html lang="en">
  25. <head>
  26.     <meta charset="UTF-8">
  27.     <title>学员基本信息表</title>
  28. </head>
  29. <body>
  30.     <table align="center" width="500" border="1" cellpadding="2" cellspacing="0">
  31.         <caption>
  32.             <h2>学员基本信息</h2>
  33.         </caption>
  34.         <form action="server.jsp" method="post">
  35.             <tr>
  36.                 <td>姓名:</td>
  37.                 <td><input type="text" name="username" size="20" /></td>
  38.             </tr>
  39.             <tr>
  40.                 <td>密码:</td>
  41.                 <td><input type="password" name="username" size="20" /></td>
  42.             </tr>
  43.             <tr>
  44.                 <td>性别:</td>
  45.                 <td>
  46.                     <input type="radio" name="sex" value="1" checked />男
  47.                     <input type="radio" name="sex" value="2" />女
  48.                     <input type="radio" name="sex" value="0" />保密
  49.                 </td>
  50.             </tr>
  51.             <tr>
  52.                 <td>学历:</td>
  53.                 <td>
  54.                     <select id="" name="edu">
  55.                         <option>--请选择--</option>
  56.                         <option value="1">高中</option>
  57.                         <option value="2">大专</option>
  58.                         <option value="3">本科</option>
  59.                         <option value="4">研究生</option>
  60.                         <option value="5">其他</option>
  61.                     </select>
  62.                 </td>
  63.             </tr>
  64.             <tr>
  65.                 <td>选修课程:</td>
  66.                 <td>
  67.                     <input type="checkbox" name="course[]" value="4" />Java
  68.                     <input type="checkbox" name="course[]" value="5" />Oracle
  69.                     <input type="checkbox" name="course[]" value="6" />Android
  70.                     <input type="checkbox" name="course[]" value="7" />Javascript
  71.                 </td>
  72.             </tr>
  73.             <tr>
  74.                 <td>自我评价:</td>
  75.                 <td>
  76.                     <textarea id="" name="eval" rows="4" cols="40"></textarea>
  77.                 </td>
  78.             </tr>
  79.             <tr>
  80.                 <td colspan="2" align="center">
  81.                     <input type="submit" name="submit" value="提交" />
  82.                     <input type="reset" name="reset" value="重置" />
  83.                 </td>
  84.             </tr>
  85.  
  86.         </form>
  87.     </table>
  88. </body>
  89. </html>
  90.         </form>
  91.     </table>
  92. </body>
  93. </html>

结果为：

//===================frame框架===================

  1. --------index.html--------
  2. <!DOCTYPE HTML>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>使用框架定义一个网页集合</title>
  7. </head>
  8.     <frameset rows="100,*" frameborder="1" border="5">
  9.         <frame src="./top.html" name="top" scrolling="no" noresize/>
  10.         <frameset cols="200,*">
  11.             <frame src="./menu.html" name="menu" scrolling="no" noresize/>
  12.             <frame src="./main.html" name="main" noresize/>
  13.         </frameset>
  14.     </frameset>
  15. </html>
  16.  
  17. -------top.html-----------
  18. <!DOCTYPE HTML>
  19. <html lang="en">
  20. <head>
  21.     <meta charset="UTF-8">
  22.     <title>顶部页面</title>
  23. </head>
  24. <body>
  25.     <center>
  26.         <h2>某某学校网站后台管理</h2>
  27.     </center>
  28.     <p>
  29.         <a href="menu.html" target="menu">大类管理一</a>&nbsp;||
  30.         <a href="menu2.html" target="menu">大类管理二</a>&nbsp;||
  31.         <a href="menu3.html" target="menu">大类管理三</a>
  32.     </p>
  33. </body>
  34. </html>
  35. -------menu---------------
  36. <!DOCTYPE HTML>
  37. <html lang="en">
  38. <head>
  39.     <meta charset="UTF-8">
  40.     <title>二级菜单管理</title>
  41. </head>
  42. <body>
  43.     <center>
  44.         <h3>大类管理(一)菜单</h3>
  45.     </center>
  46.     <p>
  47.         <a href="main.html" target="main">管理选项1</a><br />
  48.         <a href="main2.html" target="main">管理选项2</a><br />
  49.         <a href="main3.html" target="main">管理选项3</a><br />
  50.     </p>
  51. </body>
  52. </html>
  53. ---------main-------------
  54. <!DOCTYPE HTML>
  55. <html lang="en">
  56. <head>
  57.     <meta charset="UTF-8">
  58.     <title></title>
  59. </head>
  60. <body>
  61.     <center>
  62.         <h4>大类管理(一) > 管理选项1 > 内容设置</h4>
  63.     </center>
  64. </body>
  65. </html>

//结果为：

[原创]HTML标签总结！！ 第一次画 尚需要改进 多关照的更多相关文章

  1. [原创].NET 分布式架构开发实战五 Framework改进篇

    原文:[原创].NET 分布式架构开发实战五 Framework改进篇 .NET 分布式架构开发实战五 Framework改进篇 前言:本来打算这篇文章来写DAL的重构的,现在计划有点改变.之前的文章 ...

  2. [原创]css3简单几步画一个乾坤图

    效果如上,鼠标移上去会有动画. 代码如下非常简单: <html> <head> <style> .outer{height:100px;width:200px;bo ...

  3. 【原创】只用 HTML / CSS 画出一把 UKULELE（夏威夷四弦吉他）

    在线演示:http://abelyao.github.io/ukulele/  源代码: https://github.com/AbelYao/css-ukulele  效果图:   为了熟练 CSS ...

  4. OA思维导图（第一次画）

  5. 32.QT-制作最强电压电阻表盘,可以自定义阴影效果,渐变颜色,图标,文字标签等-附带demo程序

    由于上位机需要绘制电压电阻表盘,如下图所示: 后来,在网上找阿找,还是没找到满意的,索性自己来画控件算了,由于第一次画控件,所以花了我2天时间,才画好 效果图如下: 上图的所有颜色(包括滑动的渐变/单 ...

  6. Matplotlib学习---用matplotlib画柱形图，堆积柱形图，横向柱形图（bar chart）

    这里利用Nathan Yau所著的<鲜活的数据:数据可视化指南>一书中的数据,学习画图. 数据地址:http://datasets.flowingdata.com/hot-dog-cont ...

  7. 一个标签的72变，打造一个纯CSS图标库

    每次要用到图标的时候都会到 icono 去copypaste,但每次用到的时候尺寸都各不一样,总是要调整参数,巨烦.当然你可以会想到用zoom.scale来做缩放,但是这样的缩放会使得线宽也变粗了,不 ...

  8. css伪元素before/after和画三角形的搭配应用

    想要实现的效果如下: 第一步:如何用css画出三角形? /* css画三角形 */ .sanjiao{ ; border-top:40px solid red; border-bottom:40px ...

  9. s2-029 Struts2 标签远程代码执行分析(含POC)

    1.标签介绍 Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性.实现了更好的代码复用.Struts2允许在页面中使用自定义组件 ...

随机推荐

  1. uvalive 4973 Ardenia

    题意:给出空间两条线段,求距离. 注意输出格式! #include<cstdio> #include<cmath> #include<algorithm> usin ...

  2. leetcode—sum root to leaf number

    题目如下: Given a binary tree containing digits from 0-9 only, each root-to-leaf path could represent a ...

  3. 最近升级了一下小老婆（8核 2x8G DDR3 128G SSD）

    晒图(笔者的硬件知识属于小白级别, 且看且参考吧): 另外优化一下休眠&虚拟内存功能节省SSD空间: 1. 台式机, 休眠功能基本没必要, 果断关掉 C:\Windows\system32&g ...

  4. Eclipse Class Decompiler影响class默认打开方式，重新设置Eclipse默认源码打开方式

    安装Eclipse Class Decompiler插件后,Eclipse中的默认源码打开方式被修改为Eclipse Class Decompiler 这不是我喜欢的,因为我希望,源码从网络中获取,当 ...

  5. cubla sample-code

    cublasSscal //Example 1. Application Using C and CUBLAS: 1-based indexing #include <stdlib.h> ...

  6. HW7.3

    public class Solution { public static void main(String[] args) { char[][] answers = { {'A', 'B', 'A' ...

  7. 沈晓军 / LarvaFrame - 代码托管 - 开源中国社区

    沈晓军 / LarvaFrame - 代码托管 - 开源中国社区 统计

  8. nyoj 69 数的长度

    数的长度 时间限制:3000 ms  |  内存限制:65535 KB 难度:1   描述 N!阶乘是一个非常大的数,大家都知道计算公式是N!=N*(N-1)······*2*1.现在你的任务是计算出 ...

  9. 知方可补不足~SQL数据库用户的克隆，SQL集群的用户同步问题

    我们知道在为sqlserver建立功能数据库时,通过会为库再建立一个登陆名,而这个登陆名时,只用来管理这个数据库,这是安全的,正确的.

  10. Redis 配置文件 Redis.conf 参数说明

    Redis 配置文件 Redis.conf 参数说明 参数名 参数说明 参数实例 daemonize 是否以后台守护进程运行,默认为 no, 取值 yes, no   daemonize no     ...