HTML简略版重点.docx

第一章HTML第一节HTML的概念和发展什么是HTMLHTML指的是超文本标记语言（Hyper Text Markup Language）HTML不是一种编程语言，而是一种标记语言（markup language）标记语言是一套标记标签（markup tag）HTML使用标记标签来描述网页第二节HTML结构HTML文档基本结构Head标签内包含的主要元素title 该元素用于定义文档标题script 该元素用于包含JavaScript脚本link 该元素用于链接外部CSS资源文件style 该元素用于定义内部CSS样式meta 该元素用于HTML页面的元数据meta用于定义页面源信息，也就是一些键值对，主要有以下三个属性http-equiv指定元信息的名称，该属性指定的名称具有特殊意义，它可以向浏览器传回一些有用的信息，帮助浏览器正确地处理网页内容name指定元信息名称，该名称可以随意指定content指定元信息的值一、常用的块级标签块级标签显示为“块”状，浏览器会在其前后显示拆行。常用的块级标签有：p,h1~h6,div,ul等，一个块级标签独自占据一行标题标签语法h1~/h1段落标签p……/p水平线标签……（自结束标签）hr/有序列表标签……（列表项可为多个）ol li 列表项1/li/ol无序列表标签……（列表项可为多个）ul li 列表项1/li/ul定义描述/定义列表标签dl dt标题/dt dd描述1/dd/dl分区/分模块标签div头部内容/div div导航内容/divdiv底部内容/div[注]：div标签一般当做结构化块状元素使用；一般最常见的用途是对网页进行整体分块布局，即当容器来使用。二、常用的行级标签行级标签按行逐一显示，前后不会自动换行文本格式化元素b定义粗体文本i定义斜体文本em定义强调文本，实际效果与斜体文本差不多strong定义粗体文本，与b的作用基本相同small定义小号文本sub定义下标文本sup定义上标文本bdo定义文本显示方向，内有dir属性，只能取值ltr或rtl [注]：left to right超链接标签a href=”链接地址” target=”目标窗口”链接文本或图片/a常用属性Href指定超链接所关联的另一个资源target指定框架集中的哪个来装载另一个资源，该属性可以是_self、_blank、_top、_parent四个值，分别代表使用自身、新窗口、顶层框架、父框架来装载新资源图像标签img src=”图片地址” alt=”提示文字” width=”300px” height=”100px”/span标签span文本等行级内容/span （强调作用）br/标签br/换行常用的特殊符号空格nbsp;大于（）gt;小于（）lt;引号（””）quot;版权号copy;三、frameset内嵌框架集创建框架网页的步骤创建各个子窗口对应的HTML文件创建整个框架文件，分别引用子窗口文件基本语法frameset cols=”25%,50%,*” rows=”50%,*”border=”5” frame src=”top.html” name=”topFrame” [noresize=”noresize”]……/framesetCols:纵向分割 rows:横向分割 *：表剩余部分Noresize:固定框架，使其不能移动[注]:frameset/frameset标签不能与body/body标签同时使用。除非你在frameset中使用noframes标签，即body内嵌在noframes中。frameset框架集标签中的常用属性属性值描述ColsPixels(像素)、%、*定义框架集中列的数目和尺寸rowsPixels、%、*定义框架集中行的数目和尺寸四、Iframe内嵌框架iframe标签中的常用属性属性值描述frameborder0、1规定是否显示框架周围的边框nameframe_name规定iframe的名称scrollingYes、no、auto规定是否在iframe中显示滚动条srcurl规定在iframe中显示的文档的urlIframe语法body iframe src=”引用页面地址” name=”框架标志名”Frameborder=”边框” scrolling=”yes” width=”400px” height=”100%”/iframe/body [注]：/iframe一定要写，否则，下面的内容不显示！位置在body标签内五、HTML表格标签表格相关元素table用于定义表格，以/table结束tr定义表格行，该元素只能包含td、th两种元素，多个td定义单元格，包含两个主要的属性