资源描述
单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2014-4-22,#,聚合页面常用,html,代码,郭丹,4.23,常用的,html,代码及,各个,元素的意义,什么是表格及表格制作,聚合,页面制作和常见问题,移动端的聚合页面制作,目录,常用的代码及其含义,一、文字,1,.,标题文字,. #=16,;,h1,为最大字,,h6,为最小字,2.,字体变化,.,【1】,字体大小,.,【2】,指定字型,.,【3】,文字颜色,.,3,.,粗体字,.,4.,斜体字,.,5.,底线,.,6.,换行(也称回车),7.,分段,.,8.,文字的对齐方向, #,号可为,left,:表向左对齐(预设值),center,:表向中对齐,right,:表向右对齐,9.,居中对齐,.,二、图片,1.,插入图片,2.,设定图框,- border ,3.,设定图形大小,- width,、,height ,4.,图形附注,5.,影像地图(,Image Map,), ,三、表格的主要,属性,1,. ,标记的主要属性,align,定义表格的对齐方式,有三个属性值,center,,,left,,,right,background,定义表格的背景图案,属性值为图片的地址,bgcolor,定义表格的背景颜色,属性值是各种颜色代码,border,定义表格的边框宽度,属性值是数字,bordercolor,定义表格边框的颜色,属性值是各种颜色代码,cellpadding,定义单元格内容与单元格边框之间的距离,属性值是数字,cellspacing,定义表格中单元格之间的距离,height,定义表格的高度,属性值是数字,width,定义表格的宽度,属性值是数字,2. ,标记,表格是由多行与多列组成的,,标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:,align,定义对齐方式,background,定义背景图案,bgcolor,定义背景色,3,. ,标记,用,标记概况起来的内容表示表格的单元。其主要属性与属性值和,标记的一样,补充两个合并列和行的代码:,colspan,定义合并表格的列数,属性值是数字,rowspan,定义合并表格的行数,属性值是,数字,推荐代码学习网址:,http:/, data,),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。,表格在,dreamwerver,中生成方式,表格格式化(一),定义背景颜色,定义对齐方式,另外的对齐方式 右:,right,中间:,center,三个重要的属性,1,、,填充,Cellpadding,2,、,边框,Border,3,、,间距,Cellspacing,Border/Cellpadding,/,Cellspacing,属性,表格格式化(二),定义背景颜色,定义对齐方式,另外的对齐方式 右:,right,中间:,center,表格举例(一般的表格),聚合页面的制作,聚合页面中我们经常看见图文并排,和,文章环绕图片的这种形式?这种文章怎么做呢?困惑,不用困惑,解决这种问题的方法都多种,一般我们若,不写,CSS,,可用,DIV,或,TABLE,实现,基本写法:,一个,div,的盒子,仁爱举例,http:/, width=660,随着人们生活水平的,提高。,折,img,height=86 src= width=301 /,远大举例:,http,:/, width=263 cellspacing=0 cellpadding=0 style= border:4px solid #CCC;,成功案例,远大助梦新起航 静静商丘来感恩,徐静静是我院,中国心梦想,行动中收治的多名患者之一,。,Div,的写法,成功案例,远大助梦新起航 静静商丘来感恩,徐静静是我院,中国心梦想,行动中收治的多名患者之一,。,p,天大举例:,http,:/, align=center height=35 style=font-weight: bold; font-size: 14px; color: blue; border-bottom: #f4f4f4 1px solid,上海瘦脸针的价格是多少?,但是,大家还是比较关注瘦脸针多少钱这个问题的。食物成分,过早喂淀粉,阅读全文, color: red target=_blank,在线咨询,Div,写法,上海瘦脸针的价格是多少?,瘦脸针是一种比较成熟科学的瘦脸方式,它是通过针剂注射的方法来进行瘦脸,的,。,上海天大,快速了解具体价格, ,在线咨询,谢谢!,
展开阅读全文