聚合页面常用html代码汇编.pptxVIP

聚合页面常用html代码 ——郭丹4.23 常用的html代码及各个元素的意义 什么是表格及表格制作 聚合页面制作和常见问题 移动端的聚合页面制作 目录 常用的代码及其含义 一、文字 1.标题文字 h#........../h# #=1~6；h1为最大字，h6为最小字 2.字体变化 font........../font 【1】字体大小 font size=#........../font 【2】指定字型 font face=字体名称........../font 【3】文字颜色 font color=#rrggbb........../font 3.粗体字 b........../b 4.斜体字 i........../i 5.底线 u........../u 6.换行（也称回车） br 7.分段 p........../p 8. 文字的对齐方向 p align=# #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 9.居中对齐 center........../center 二、图片 1.插入图片 img src=图形文件名 2.设定图框 -- border img src=图形文件名 border=点数 3.设定图形大小 -- width、height img src=图形文件名 width=宽度点数 height=高度点数 4.图形附注 img src=图形文件名 alt=说明文字 5.影像地图（Image Map） img src=图形文件名 usemap=#图的名称 map name=图的名称 三、表格的主要属性 1. table标记的主要属性 align定义表格的对齐方式，有三个属性值center，left，right background定义表格的背景图案，属性值为图片的地址 bgcolor定义表格的背景颜色，属性值是各种颜色代码 border定义表格的边框宽度，属性值是数字 bordercolor定义表格边框的颜色，属性值是各种颜色代码 cellpadding定义单元格内容与单元格边框之间的距离，属性值是数字 cellspacing定义表格中单元格之间的距离 height定义表格的高度，属性值是数字 width定义表格的宽度，属性值是数字 2. tr标记，表格是由多行与多列组成的，tr标记用来定义表格的一行，他的属性极其属性值定义的是表格中的该行，其主要属性与属性值如下： align定义对齐方式 background定义背景图案 bgcolor定义背景色 3. td标记，用td标记概况起来的内容表示表格的单元。其主要属性与属性值和table标记的一样，补充两个合并列和行的代码： colspan定义合并表格的列数，属性值是数字 rowspan定义合并表格的行数，属性值是数字 推荐代码学习网址：/html/html_links.asp Table的制作 什么是表格 表格生成的方式 表格中常用标记 H标记 A标记 P标记 Img标记 什么是表格 表格由 table 标签来定义。 每个表格均有若干行（由 tr 标签定义），每行被分割为若干单元格（由 td 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 表格在dreamwerver中生成方式 表格格式化（一） 定义背景颜色 table border=0 width=500 height=250 bgcolor=#CCCCCC“ 定义对齐方式 table align=“left” 另外的对齐方式 右：right 中间：center 三个重要的属性 1、填充 Cellpadding 2、边框 Border 3、间距 Cellspacing Border/Cellpadding/Cellspacing属性 表格格式化（二） 定义背景颜色 table border=0 width=500 height=250 bgcolor=#CCCCCC“ 定义对齐方式 table align=“left” 另外的对齐方式 右：right 中间：center 表格举例（一般的表格） 聚合页面的制作 聚合页面中我们经常看见图文并排，和文章环绕图片的这种形式？这种文章怎么做呢？困惑…… 不用困惑，解决这种问题的方法都多种，一般我们若不写CSS，可用DIV或TABLE实现 基本写法：div style=“”/div 一个div的盒子 仁爱举例/zhengxing/227109.html Table的写法 table ali