考核目标掌握HTML的基本结构和语法掌握HTML标记及其属性掌握使用HTML表单收集和提交信息

1.HTML文档的基本结构与语法

HTML是Hypertext Markup Language的缩写,即超文本标记语言.

html标记:用于表示文档类型是HTML文件.

head标记:表示标题及其有关文档的信息

body标记:表示文档部分的开始

2.HTML标记及其属性

（1）HTMl标记

一个完整的HTML元素就是从起始标记开始至结束标记之间所有的内容,其格式为:

<标记>受标记影响的内容</标记>

空元素:HTML元素不包含具体内容,以起始标记的结束而结束

行内元素:基于语义级的基本元素,只能收纳文本和其它行内元素,如:

<a>,<em>,<font>,<input>

块内元素:可以收纳其他块元素和行内元素,如

<div>,<h1>,<p>,<table>

（2）标记属性

标记属性

HTML标记可以有属性,属性总是以名称/值对的形式出现.

HTML文档中的属性一般有如下共同属性:

核心属性(id,class,style,title)i18n属性(lang,dir)事件属性(onclick,onmousedown)

id在HTML中的作用是给一个单元(元素,标记)一个独一无二的标识或标记,常用于:

元素的风格(style,sheet)选择单击的链接可以跳到这个id所在的地方脚本语言用它作为标识,找到id所在的地方用作声明object的单元的标识.

3.段落标记

注释标记

<!--注释内容-->

文字<br><nobr>文字</nobr>

<p align="left|center|right">文字</p>

<hr align = "left|center|right" size="线条粗细" width="线条长度" color="颜色值" noshade>

<div>是一个块元素,他周围的元素会自动换行,<span>是一个行内元素

示例:

4.文字标记

标题文字标记

<h#>标题文字</h#>,其属性主要有align,默认为左对齐

<font size="数字" face="字体名" color="颜色值">被设置的文字</font>

5.表格标记

表格是通过块内标记<table>的内容更指定的,表格中的每一行是通过标记<tr>指定的,在表头行中,表头单元通过<th>指定,每一行的数据单元格通过表格数据标记<td>指定