上书房之HTML.docx

html概述什么是htmlHTML(HyperText Markup Language)是用来描述网页的一种超文本标记语言（不是编程语言），它由一套标记标签组成，用来描述网页结构和内容。目前使用最多的版本HTML 4.01 和HTML5。HTML定义了网页的内容。CSS定义了网页样式（长相）。JavaScript定义了网页的行为。HTML架构HTML由head和body两部分组成。其中head包含了所有的头部标签元素,在 head元素中可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。body定义了文档的主题，包含了网页的结构信息和内容信息。图1-1html示例Html编辑器推荐使用Notepad++或者HBuilder作为HTML的编辑器。Notepad++学习时使用，HBuilder在实际项目中使用。html标签DOCTYPE文档类型!DOCTYPE声明必须是HTML文档的第一行，位于html标签之前。!DOCTYPE不是 HTML标签，它是指示web浏览器网页使用的是哪个HTML版本进行编写的。目前统一使用html5的定义方法：!DOCTYPE htmlhtml注释注释用于定义html文档的说明部分，浏览器不会对其进行解析。html使用!-- --符号对需要说明的部分进行注释。!--这里是注释内容，浏览器不会对其进行解析--title标签使用 title元素来定义html文档的标题，必须定义在head里面。link标签使用link元素来定义网页需要加载的样式表文件。，必须定义在head里面。meta标签使用meta元素来描述HTML文档的描述、关键词、作者、字符集等。script标签使用script元素来定义网页需要加载的脚本文件和网页内使用的脚本内容。style标签使用style元素来定义网页需要使用的独立样式（很少使用）。h1到h6标签h1,h2,h3,h4,h5,h6标签用于描述html文档的6个级别的标题。p标签HTML 可以将文档分割为若干段落。段落是通过 p 标签定义的。br标签使用br/ 可在html文档中插入一个简单的换行符。div标签div 是一个块级元素，可定义文档中的分区或节，把文档分割为独立的、不同的部分。主要用于页面布局。span标签span 标签被用来组合文档中的行内元素。label标签label 标签为input元素定义标注（标记）。a链接标签a标签定义超链接，用于从一张页面链接到另一张页面。a元素最重要的属性是href属性，它指示链接的目标。img图片标签img /标签用于在html文档中嵌入一张图片，src属性用于定义图片的地址（绝对地址及相对地址）。无序列表ulul标签定义无序列表。有序列表olol标签定义有序列表。table表格表格由table标签来定义。每个表格均有若干行（由tr标签定义），每行被分割为若干单元格（由td标签定义）。字母td指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。一个完成的table应该由thead和tbody两部分组成，其中thead定义表头内容，tbody定义表格内容。form表单HTML表单用于搜集不同类型的用户输入。表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容，比如：文本域、下拉列表、单选框、复选框等等。表单使用表单标签form来设置。表单文本框表单中的文本框用来收集需要用户输入的信息，由input标签来定义，type类型为text。input type=text id=form-login-userName/文本框常用的属性如下：属性说明type用于指定input元素的类型class用于指定input元素的样式placeholder如果是文本框，用于指定在未输入内容时应显示的内容表单单选框表单单选框用于向用户收集一组选项中，用户选择的某一个选项（只能选择一个选项）。单中的文本框用来收集需要用户输入的信息，由input标签来定义，type类型为radio。表单复选框表单单选框用于向用户收集一组选项中，用户选择的多个个选项。单中的文本框用来收集需要用户输入的信息，由input标签来定义，type类型为checkbox。表单密码框表单密码框用于向用户收集用户输入的密码，处于安全考虑，用户输入的内容显示为掩码。表单中的密码框由input标签来定义，type类型为password。表单隐藏域表单的隐藏域用于保存一些不需要在页面显示的内容，表单的隐藏域由input标签来定义，type类型为hidden。表单多行文本框表单的多行文本框用于收集用户输入的多行的内容，表单的隐藏域由textarea标签来定义。使用rows和cols来定义多行文本框的高