一、HTT（PHyper Text Markup Language）即超文本语言。

　　特点：
　　　　1、通过标签来定义的语言，代码都是由标签所组成
　　　　2、不区分大小写
　　　　3、由<html>开始</html>结束，里面由头部分<head></head>和体部分<body></body>两部分组成，例如

<html>

  <head>

    <title>Hello Page</title>

  </head>

  <body>

     Hello Word!

  </body>

</html>

　　　　4、多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能(如<br/>、<hr/>)，或者没有要修饰的内容可以在标签内结束。

　　　　5、标签中的属性：属性名与属性值之间用"="连接，属性值可以用双引号或单引号或都不用引号，一般会用双引号。

　　　　　　<标签名 属性名="属性值"> 数据内容 </标签名>
　　　　　　<标签名 属性名="属性值" />

二、HTML常用标签

　　1、<font>：字体标签

　　　　<font size=5 color="red">内容</font>

　　2、<h1><h2><h3>...<h6>：标题标签

　　　　<h1>Hello Word!<h1>

　　3、<img>：图像标签

　　　　<img src="图片路径" alt="图片说明文字" height="" width="" />　　

　　4、<table>：表格标签

　　　　　　a）、组成：

　　　　　　　　标题标签：<caption>
　　　　　　　　表头标签：<th> 本身有居中、加粗特性
　　　　　　　　行标签：<tr>
　　　　　　　　单元格标签：<td>
　　　　　　b）、合并行：rowspan="2"
　　　　　　c）、合并列：colspan="2"

　　5、<a>：超链接标签

　　　　 <a href="http://www.baidu.com" target="_blank">百度</a>

　　　　　　href属性：可以是url，也可以是本地文件
　　　　　　target属性：指定在哪个窗口打开(本窗口或新建窗口)，默认为本窗口中打开

　　　　<a name="top">顶部位置</a> 定义一个标记
　　　　<a href="#top">回到顶部位置</a> #标记
　　　　【注】在使用定位标记时一定要在href值的开始加入"#"

　　6、<form>：表单。用于与服务器端进行交互

　　　　<form method="" action=""></form>

　　　　a）、method：属性指定表单提交方式(get或post)默认为get;

　　　　　　aa)、如请求方式为GET方式，则可以在请求的URL地址后以?的形式带上提交给服务器的数据，多个数据之间以&进行分隔，例如：GET /mail/1.html?name=abc&password=xyz
　　　　　　bb)、GET方式的特点：在URL地址后附带的参数是有限制的，其数据容量通常不能超过1K
　　　　　　cc)、如请求方式为POST方式，则可以在请求的实体内容中向服务器发送数据，Post方式的特点：传送的数据量无限制
　　　　　　dd)、Get对于敏感信息不安全; POST对于敏感信息安全。表单提交尽量使用POST

　　　　b）、action：属性指定表单提交地址

　　7、<input>：<input type="" name="" id="" value="" />

　　　　a）、type属性：值不同，对应的组件不同

　　　　　　text：          文本框，输入的文本可见
　　　　　　password： 密码框，输入的文本不可见
　　　　　　radio           单选框，当有多个单框时，只能有一个被选中，那么这些单框的name值必须相同
　　　　　　checkbox：  复选框
　　　　　　file：            文件上传，可以进行文件选择的组件
　　　　　　button：      按钮
　　　　　　submit：      提交按钮
　　　　　　reset：        重置按钮
　　　　　　hidden：     隐藏标签，在页面不显示，但在提交的时候随其他内容一起提交至服务端

　　　　b）、name属性：指定标签的名称，多个标签可以重名，一般只有radio、checkbox同名

　　　　c）、id属性：指定标签的唯一名称，一个页面中每个标签的id不能重名

　　8、<select>:下拉框标签

　　　　<select name="" multiple="multiple" size="">
　　　　　　<option value=""></option>
　　　　</select>

　　　　每个下拉菜单项由option进行封装。multiple属性可以指定下拉框的显示方式。当使用multiple属性时，size属性可以指定显示数量

　　9、<textarea>多行文本框：

　　　　<textarea name="" id="" cols="30" rows="10"></textarea>

　　10、<div>:层标签

　　11、其他：

　　　　<p>标签：段落标签
　　　　<pre>标签：可以保留数据的原有格式
　　　　<b>标签：加粗
　　　　<i>标签：斜体
　　　　<u>标签：下划线
　　　　<sub>标签：下标
　　　　<sup>标签：上标

　　　  ……

更多查找《java web程序开发参考手册 》的第二章目录，里面列得很全，或上 w3school 查询。

　　【注】表单组件通常都需要定义name和value属性，因为要将数据发送至服务端，服务端只有知道了该name的值才可以对提交的数据进行分别获取。

三、特殊字符：

　　1、&lt;(<)

　　2、&gt;(>)

　　3、&amp;(&)

　　4、&quot;(")

　　5、&nbsp;(空格)

四、实例：

 <html>

   <head>

     <title>HTML练习</title>

   </head>

   <body>

       <form action="">

           <table border="1" cellspacing="0">

               <caption><b>注册信息</b></caption>

               <tr>

                   <td>用户名：</td>

                   <td>

                       <input type="text" name="userName" id="userName" value="" />

                   </td>

               </tr>

               <tr>

                   <td>密码：</td>

                   <td>

                       <input type="password" name="pwd" id="pwd" value="" />

                   </td>

               </tr>

               <tr>

                   <td>性别：</td>

                   <td>

                       <label><input type="radio" name="sex" value="nan" />男</label>

                       <label><input type="radio" name="sex" value="nv" />女</label>

                   </td>

               </tr>

               <tr>

                   <td>爱好：</td>

                   <td>

                       <label><input type="checkbox" name="hobby">旅行</label>

                       <label><input type="checkbox" name="hobby">运动</label>

                       <label><input type="checkbox" name="hobby">听歌</label>

                       <label><input type="checkbox" name="hobby">看书</label>

                   </td>

               </tr>

               <tr>

                   <td>身份证号：</td>

                   <td>

                       <input type="text" name="cId" id="cId" />

                   </td>

               </tr>

               <tr>

                   <td>手机号：</td>

                   <td>

                       <input type="text" name="phone" id="phone" />

                   </td>

               </tr>

               <tr>

                   <td colspan="2" style="text-align: center;">

                       <input type="submit" value="注册" />

                       <input type="reset" value="重置" />

                   </td>

               </tr>

           </table>

       </form>

   </body>

 </html>

2、HTML 基础知识的更多相关文章

  1. .NET面试题系列[1] - .NET框架基础知识(1)

    很明显,CLS是CTS的一个子集,而且是最小的子集. - 张子阳 .NET框架基础知识(1) 参考资料: http://www.tracefact.net/CLR-and-Framework/DotN ...

  2. RabbitMQ基础知识

    RabbitMQ基础知识 一.背景 RabbitMQ是一个由erlang开发的AMQP(Advanced Message Queue )的开源实现.AMQP 的出现其实也是应了广大人民群众的需求,虽然 ...

  3. Java基础知识（壹）

    写在前面的话 这篇博客,是很早之前自己的学习Java基础知识的,所记录的内容,仅仅是当时学习的一个总结随笔.现在分享出来,希望能帮助大家,如有不足的,希望大家支出. 后续会继续分享基础知识手记.希望能 ...

  4. selenium自动化基础知识

    什么是自动化测试? 自动化测试分为:功能自动化和性能自动化 功能自动化即使用计算机通过编码的方式来替代手工测试,完成一些重复性比较高的测试,解放测试人员的测试压力.同时,如果系统有不份模块更改后,只要 ...

  5. [SQL] SQL 基础知识梳理（一）- 数据库与 SQL

    SQL 基础知识梳理(一)- 数据库与 SQL [博主]反骨仔 [原文地址]http://www.cnblogs.com/liqingwen/p/5902856.html 目录 What's 数据库 ...

  6. [SQL] SQL 基础知识梳理（二） - 查询基础

    SQL 基础知识梳理(二) - 查询基础 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5904824.html 序 这是<SQL 基础知识梳理( ...

  7. [SQL] SQL 基础知识梳理（三） - 聚合和排序

    SQL 基础知识梳理(三) - 聚合和排序 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5926689.html 序 这是<SQL 基础知识梳理 ...

  8. [SQL] SQL 基础知识梳理（四） - 数据更新

    SQL 基础知识梳理(四) - 数据更新 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5929786.html 序 这是<SQL 基础知识梳理( ...

  9. [SQL] SQL 基础知识梳理（五） - 复杂查询

    SQL 基础知识梳理(五) - 复杂查询 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5939796.html 序 这是<SQL 基础知识梳理( ...

  10. APP测试入门篇之APP基础知识(001)

    前言        最近两月比较多的事情混杂在一起,静不下心来写点东西,月初想发表一遍接口测试的总结,或者APP测试相关的内容,一晃就月底了,总结提炼一时半会也整不完.放几个早年总结内部培训PPT出来 ...

随机推荐

  1. JSP连接MySQL数据库问题

    之前写了一大段,还说了一下具体JDBC连接数据库API的具体包的基本知识,哪知道自己手残不小心按了删除按钮.结果去看自动保存记录时,就只剩下下面这段了.好吧,其实最主要最核心的也就是下面这点了.具体如 ...

  2. EF With SQLite

    EF 虽说官方声称支持SQLite,但实际用起来还真没有SQLSever好使. 不支持真正的CodeFirst,需要先建表结构. 不支支持Migration 需要修改App.config 文件 安装 ...

  3. 帆软报表FineReport2016年1月份产品更新一览

    .条件属性可使用页码参数插件 由于报表计算逻辑关系,条件属性中取不到页码公式.但是有些场景下又是需要在条件属性中取到页码的,比如标题只要偶数页显示,比如奇数页标题标红等等. 插件安装完成后,条件属性里 ...

  4. Let it go.Let it be.Keep it up!

    第三份工作仅仅持续了三个月,今天是last day. 虽然时间很短,但也是经历一场,认识了一些人,知道了一些事. 来去匆匆,难免有一点遗憾,还有一点愧疚. 只能放下,顺其自然,继续努力!

  5. 洛谷P1156 垃圾陷阱[背包DP]

    题目描述 卡门――农夫约翰极其珍视的一条Holsteins奶牛――已经落了到“垃圾井”中.“垃圾井”是农夫们扔垃圾的地方,它的深度为D(2<=D<=100)英尺. 卡门想把垃圾堆起来,等到 ...

  6. [NOIP2014]自测

    这两天做完了2014年的noip提高. 因为以前看了SDSC2016时gty的课件,题目思路都知道了一点,做起来没多大困难. 100+100+75+100+100+70=545 里面水分好多,好多题都 ...

  7. jenkins,jmeter,ant报告模板

    http://www.cnblogs.com/yangxia-test/p/5283139.html

  8. java数组初始化函数

    用法1:接受2个参数Arrays.fill( a1, value );注:a1是一个数组变量,value是一个a1中元素数据类型的值,作用:填充a1数组中的每个元素都是value例如:boolean[ ...

  9. [No000041]如果你被ruby惯坏了,不如试试python3-在Windows下安装ipython

    说明:我比较喜欢绿色软件,因此,下载的是python3为zip包.所以执行命令时请注意当前路径. 先安装pip (请去官网下载get-pip.py 地址: https://pip.pypa.io/en ...

  10. c# 传递Null的string值导致的调用C++的dll报错 Attempted to read or write protected memory.

    c# 调用C++的dll报错 Attempted to read or write protected memory:   原因是:c# 传递Null的string值导致的,将Null改为string ...