HTML标记语言教程分析.docVIP

2.1 HTML标记语言 HTML译为超文本标记语言，用于描述超文本内容的显示方式 编写HTML文件，Adobe公司的Dreamweaver 或者微软公司的Expression Web这样的网页制作软件，最简单的文本编辑器就是记事本。 HTML文档结构 HTML有四个主要标记组成，这4个标志是html、head、title和body。 1、html是HTML文件的开头，所有HTML文件都是以html开头，以/html结尾。HTML文件所有标记内容都要放置在html和/html标记中。 2、head标记是HTML文件的头标记，作用是放置HTML的信息，如定义CSS样式代码可放置在head和/head标记中 3、title标记是标题标记，可将网页标题定义在title和/title标记中。 4、body是HTML的主体标记，页面所有的内容都定义在body标记中，以/body结束。 HTML常用标记 换行标记 换行标记为br，换行标记是一个单独标记，不成对出现。 段落标记 段落标记以p开头，以/p结尾，段落标记在段前和段后个添加一个空行。 标题标记 在HTML标记中，设定了6个标题标记，分别是h1至h6，其中h1代表一级标题，h2代表二级标题。。。。h6代表六级标题，数字越小，级别越高，字体越大。 居中标记 HTML页面默认布局方式是从左到右依次排序，要想居中显示，用center开头，/center结束。标记的内容居中显示。 文字列表标记 无序列表是在每个列表项前面加一个圆点符号，通过符号ul可以创建一个无序列表，其中每个列表项以li表示。 有序列表可以将列表进行排序，有序列表的标记为ol,每个列表项前使用li，有序列表中项目项是有序的。 表格标记 表格包含标题，表头，行和单元格（实例位置：E\Java Web 从入门到精通\TM\sl\2\6） 表格标记table table,/table标记整个表格，table标记中有很多属性，例如width属性用来设置表格的的宽度，border属性用来设置表格边框，align属性也能够来设置表格的对齐属性，bgcolor属性用来设置表格的背景色。 标题标记caption 标题标记以caption开头，以/caption结束，标题标记也有一些属性，例如align,valign 表头标记th 表头标记以th开头，以/th结束。也可以通过align，background,colspan ,valign等属性来设置表头。 表格行标记tr 表格行标记tr开头，以/tr结束，一组tr标记表示表格中的一行，tr标记要嵌套在table标记中使用, 该标记也具有align,background等属性。 单元格标记td 单元格标记td又称列标记，一个tr标记中可以嵌套若干个td标记。该标记也具有align,background,valign等属性。 HTML表单标记 在登陆页面，网站会提供给用户用户名和密码文本框，这里的用户名文本框和密码文本框就属于HTML中的表单元素。（实例位置：E\Java Web 从入门到精通\TM\sl\2\7） from.../from表单标记 以from开头，以/from结尾，在表单标记中可以定义处理表单数据程序的URL地址等信息，基本语法如下： from action=”url” method=”get”|”post” name=”name” onSubmit=””target”” /from action 属性，该属性用于指定表单数据程序的URL地址。 method 属性，用来指定数据传送到服务器的方式，它有两种属性值，分别是get与post，get属性值表示将输入的数据追加到action指定的地址后面，并传送到服务器。当属性值为post时，会将输入的按照HTTP协议中的post传输方式传送到服务器。 name属性，该属性指定表单的名称，其值程序员可以自定义。 onSubmit 属性，该属性用于指定当用户单击提交按钮触发的事件。 target属性，该属性指定输入数据显示在那个窗口上，其属性值可以设置为_bank、_self、_parent和_top，其中_bank表示在新窗口开开目标文件；_self 表示在同一窗口中打开，该项一般不用设置；_parent表示在上一级窗口中打开，一般使用框架页时经常使用；_top 表示在浏览器整个窗口中打开，忽略任何框架。 下面的例子为创建表单，设置表单名称为form，当用户提交订单是，提交至action.html页面进行处理，代码如下： form id =”form 1” name=”form” method=”post” action=”action.html” target=”_bank” /form input表单输入标记 表单输入标记是最