第2讲网页布局和设计.pptVIP

HTML 文件 HTML 标签 HTML 文件结构 HTML 超链接 二、HTML 标签 　HTML 语言使用标签来指明文档中的不同内容。标签是区分文本各个组成部分的分界符，用来把HTML文档划分成不同的逻辑部分(或结构)，如段落、标题和表格等。 　标签描述了文档的结构，它向浏览器提供该文档的格式化信息，以传送文档的外观特征。 HTML提供六种标题格式，其所用的标记符为Hn…/Hn（标题n，n=1~6）， H1…/H1的字体最大，H6…/H6的字体最小。其属性如下： ALIGN={LEFT，CENTER，RIGHT}：文字左对齐（LEFT）、居中（CENTER）或右对齐（RIGHT）。 1．分段与换行符 分段标记符用于将文档划分为段落，标记符为P…/P 要将文字强制换行，而不是另起段落，可以用换行标记符BR实现该功能。注意，BR仅单独使用，而非成对出现。 2．添加水平线 添加水平线的标记符为HR（与BR类似，HR也不包括结束标记符。 3. 段落对齐 （1）ALIGN属性 ALIGN属性用于设置段落的对齐方式，其常见取值有4种：RIGHT（右对齐）、LEFT（左对齐）、CENTER（居中对齐）、JUSTIFY（两端对齐）。 （2）DIV标记符 （3）CENTER标记符 （4）格式的嵌套 1．字符格式 通过表的标记符设置字符格式 2．字体大小、字符颜色和字体样式 （1） SIZE属性：控制文字的大小 （2）COLOR属性：控制文字的颜色 （3）FACE属性：指定字体样式 1．有序列表 定义有序列表需要使用有序列表标记符OL…/OL和列表项（List Item）标记符LI…/LI： OLLI内容一/LI LI内容二/LI /OL 2．无序列表 无序列表标记符UL…/UL 　 列表项标记符 LI…/LI 3．定义列表 　定义列表标记符DL…/DL，用来指定定义列表的开头与结尾； 　定义术语（Definition Term）标记符DT，用来指定第一层数据（根节点）；定义描述标记符DD，用来指定第二层数据（子节点）。 　DL标记符必须有结束标记，但DT和DD标记符的结束标记可以省略。 七、列表格式 示例： dl dt根结点/dt dd子结点1/dd dd子结点2/dd dd子结点3/dd /dl 十、插入表格 创建基本表格 可以用TABLE…/TABLE标记符创建一个表格，并在它的中间加入标题和需要的数据。表格定义的代码为： TABLE …具体表格内容… /TABLE 十、插入表格 （一） 表格的标题 　CAPTION定义了表格的说明，如： 　　　CAPTION在这里输入标题/CAPTION 　 属性ALIGN　决定了标题的对齐方式，TOP是将标题放在表格的顶部，BOTTOM将标题放在表格的下面。 　 CAPTION ALIGN=TOP 标题内容/CAPTION 十、插入表格 （二）行、表头和数据 定义一个表格，需从第一行逐级向下，并且按行中单元格的顺序开始定义。行、表头和数据定义的代码为： 　TABLE TR　TH表头/TH　/TR TR　TD数据/TD　/TR 　/TABLE 十、插入表格 （三）设置表格尺寸 ⒈ 设置表格边框尺寸 利用TABLE的BORDER属性可以设置 表格边框的尺寸： TABLE BORDER=值 2. 设置表格尺寸 利用TABLE的WIDTH和HEIGHT属性 可以设置表格尺寸，可以是屏幕的百分比也可以是像素值 TABLE WIDTH=“200 HEIGHT=“100 十、插入表格 3. 设置单元格间距 利用TABLE标记符的CELLSPACING 属性可以设置单元格与相邻单元格边线间距。 TABLE 　 CELLSPACING =“值” 4. 设置单元格边距 利用TABLE标记符的CELLPADDING属性可以设置单元格文字内容与表格线间距。 TABLE 　 CELLPADDING =“值” 十、插入表格 （四）、表格及文字的对齐与布局 1．表格在页面中的对齐 利用表格的ALIGN属性，可以将表格显示在页面的左边或右边。如果没有设置这一属性，表格单独显示为页面的一行，在页面的左侧。ALIGN=