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

时间：2021-12-18 21:38:24

HTML 页面标签总结  拿xMind写了一下午总结的   只能传图片了   CSS明天整理  后天看看能不能传上来[原创]HTML标签总结！！ 第一次画 尚需要改进 多关照

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

=

<!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>使用&lt;h1&gt;</h1>

        <h2>使用&lt;h2&gt;</h2>

        <h3>使用&lt;h3&gt;</h3>

        <h4>使用&lt;h4&gt;</h4>

        <h5>使用&lt;h5&gt;</h5>

        <h6>使用&lt;h6&gt;</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>使用&lt;B&gt;标记输出粗体字</b><br />

    <u>使用&lt;U&gt;标记输出有下划线的文字</u><br />

    <i>使用用&lt;I&gt;标记输出斜体字</i><br />

    <tt>使用&lt;tt&gt;标记输出打印机文字</tt><br />

    <cite>使用&lt;cite&gt;标记输出引证,举例,斜体字</cite><br />

    <em>使用&lt;EM&gt;标记输出强调斜体字</em><br />

    <strong>使用&lt;Strong&gt;标记输出强调的粗体</strong><br />

    <small>使用&lt;Small&gt;标记输出小型字体</small><br />

    <big>使用用&lt;big&gt;标记输出大型字体</big><br />

</body>

</html>

结果为：

[原创]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>

结果为：

[原创]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>&nbsp;||

        <a href="menu2.html" target="menu">大类管理二</a>&nbsp;||

        <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标签总结！！ 第一次画 尚需要改进 多关照

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

  1. &lbrack;原创&rsqb;&period;NET 分布式架构开发实战五 Framework改进篇

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

  2. &lbrack;原创&rsqb;css3简单几步画一个乾坤图

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

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

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

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

  5. 32&period;QT-制作最强电压电阻表盘&comma;可以自定义阴影效果&comma;渐变颜色&comma;图标&comma;文字标签等-附带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&sol;after和画三角形的搭配应用

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

  9. s2-029 Struts2 标签远程代码执行分析&lpar;含POC&rpar;

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

随机推荐

  1. 当 IDENTITY&lowbar;INSERT 设置为 OFF 时，不能为表中的标识列插入显式值

    {"当 IDENTITY_INSERT 设置为 OFF 时,不能向表 'OrderList' 中的标识列插入显式值"} 对于这个异常可以从两个角度来处理:A:数据库执行语句  B: ...

  2. HW3&period;27

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  3. select unit&lowbar;timestamp&lpar;&rpar;&semi; 和select unit&lowbar;timestamp&lpar;&quot&semi;1970-1-1 08&colon;00&colon;00&quot&semi;&rpar;和 select from&lowbar;unixtime（1）

    偶然看到MySQL的一个函数 unix_timestamp(),不明就里,于是就试验了一番. unix_timestamp()函数的作用是返回一个确切的时间点的UNIX时间戳,这个Unix时间戳是一个 ...

  4. C&num; DataTable怎么合计字段

    DataTable dt = new DataTable(); var age=dt.Compute("avg(age)",""); var height =d ...

  5. Linux下遍历目录及文件，更改权限

    Linux下遍历目录及文件,更改权限 引言: 我在Linux下搭建android时,将eclipse及sdk复制到/usr/下时,总会出现无法读,无法写写样的问题. 解决方案: 有两个方案: 一.将复 ...

  6. Perl 多线程模块 Parallel&colon;&colon;ForkManager

    Perl 多线程模块 Parallel::ForkManager 一个简单的并行处理模块.这个是用来对付循环的多线程处理. 放在循环前面. Table of Contents 1 Synops内容简介 ...

  7. Oracle监听静态注册和动态注册

    静态注册和动态注册总结 一.什么是注册? 注册就是将数据库作为一个服务注册到监听程序.客户端不需要知道数据库名和实例名,只需要知道该数据库对外提供的服务名就可以申请连接到数据库.这个服务名可能与实例名 ...

  8. 《Windows核心编程》第一讲 对程序错误的处理

    一个Windows函数通常都有一个有意义的返回值类型,它标志着这个函数的运行状态,即函数运行成功与否.windows常用的函数类型如下图: 从系统内部来讲,当一个Windows函数检测到一个错误时,它 ...

  9. 玩转Web之servlet&lpar;五&rpar;---- 怎样解决servlet的线程安全问题

    servlet默认是存在线程安全问题的,但是说白了,servlet的线程安全问题实际上就是多线程的线程安全问题,因为servlet恰巧是一个多线程才会出现安全性问题. 浏览器每次通过http协议去提交 ...

  10. 二．GC相关之Java内存模型

    根据上节描述的问题,我们知道其最终原因是GC导致的.本节我们就先详细探讨下与GC息息相关的Java内存模型. 名词解释:变量,理解为java的基本类型.对象,理解为java new出来的实例. Jav ...

相关文章