HTMLl学习总结

1.HTML标签和属性：

 

在线帮助文档（标签，属性，事件，等）http://www.w3school.com.cn/tags/html_ref_eventattributes.asp

 

HTML基本标签：标题（h）；段落(p)；链接(<a href="url">Linktext</a>))；图像(img src=”url”)；表格(table)；列表(ul/ol)；表单(form)；块（div）等；

 

标签的属性常用到的主要是一些全局属性；

全局属性可用于任何 HTML 元素。

属性         值                                         描述

class        classname                          规定元素的类名（classname）

id               id                                           规定元素的唯一 id

style          style_definition                 规定元素的行内样式（inline style）

title           text                                       规定元素的额外信息（可在工具提示中显示）

 

注意：元素的具体属性，比如字体大小、颜色、边框大小等，一般通过样式(style属性、行内样式、外置样式CSS)来设置

 

 

2.内联元素 块元素

可以通过 <div> 和<span> 将 HTML 元素组合起来。

 

HTML 分组标签

标签   描述

<div>  定义文档中的分区或节（division/section）。

<span> 定义 span，用来组合文档中的行内元素。

 

1.HTML 块元素

大多数 HTML 元素被定义为块级元素或内联元素。

编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。块级元素在浏览器显示时，通常会以新行来开始（和结束）。

例子：<h1>, <p>, <ul>,<table>，<div>

HTML 内联元素

内联元素在显示时通常不会以新行开始。

例子：<b>, <td>, <a>,<img>

 

HTML <div> 元素

HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div>元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table>元素的作用是显示表格化的数据。

2.HTML <span> 元素

HTML <span> 元素是内联元素，可用作文本的容器。<span> 元素也没有特定的含义。当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

 

 

 

3.表单操作

 

HTML 表单用于搜集不同类型的用户输入。

 

表单是一个包含表单元素的区域。表单元素是允许用户在表单中（常见的比如：文本域、下拉列表、单选框、复选框、等等）输入信息的元素。

 

表单使用表单标签（<form>）定义。Eg:

<form> <input/></form>

注意，表单本身并不可见。同时，在大多数浏览器中，文本域的缺省宽度是20个字符。

 

举例：

当用户单击确认按钮(submit)时，表单的内容会被传送到另一个文件。

表单的动作属性(action)定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

<form name="input"action="html_form_action.asp" method="get">

Username: <input type="text"name="user">

<input type="submit" value="Submit">

</form>

浏览器显示如下：

Username:

假如您在上面的文本框内键入几个字母，并且点击确认按钮，那么输入数据会被传送到名为"html_form_action.asp"的页面。那一页将显示出输入的结果。

 

更多内容，W3C里面写的很清楚

http://www.w3school.com.cn/html/html_forms.asp