lession02--HTML语言基础之文本.ppt

第2讲 HTML与DW;Dream weaver基础;Dreamweaver8操作界面;网页文件的基本操作;插入文本;练习;HTML语言基础;　　HTML（Hyper Text Markup Language）又称超文本标识语言，是一种标识性的语言，是网页设计的最初语言。文件的扩展名:“html”或“htm”。 简单的HTML文档 　　html 　　head 　　title你好！/title 　　/head 　　body 　　Hi,大家好！ 　　/body 　　/html ;1．围堵标记 　 格式：标记……/标记 2．单标记 　　格式：标记 / 　　只有起始标记，没有结束标记。 3．标记属性 　　格式：标记 属性1 属性2 属性3…… 　　各属性间无前后顺序，属性也可省略，当省略属性时取标记的默认值。;　　HTML文档的基本结构：　 　　HTML文件开始 　　HEAD标头区开始 　　TITLE.../TITLE标题区 　　/HEAD标头区结束 　　BODY文件主体内容开始 　　文件主体内容…… 　　/BODY文件主体内容结束 　　/HTML文件结束 　其中HTML/HTML之间表示这是个网页文件，是必有的标记。;标签的嵌套;练习;空格 ;段落标记;练习;字体的设置;练习;文本标记;文本标记;标题显示等级 　　语法格式为： 　　Hn…/Hn 　　n：表示不同级别的标题，n值可以是1-6中的任意数字，其中1表示的标题字体最大。 　　可以用align属性设置对齐方式，常用的有左对齐，居中，右对齐三种对齐方式。;练习;文本标记;设置整个页面的字体;;文本标记;文本标记;练习;水平线标记hr 　　水平线是在网页上划出一条水平的分割线，用hr来标记水平线。语法格式为： hr align=left/center/right size=？ width=？ color=？ 　　Size：设置水平线的高度，以像素为单位。 　　Color：设置水平线的颜色。 　　Width：设置水平线的宽度，单位是像素或百分比，像素是绝对大小，不会随着程序窗口的大小而改，百分比是相对于程序窗口水平线所占的比例，会随着程序窗口的大小而改变。 　　Align：设置水平线的对齐方式。对齐方式有左对齐，居中，右对齐三种。;列表;列表;　　2．无序列表 　　基本语法结构为： 　　ul type=n 　　li项目1 　　li项目2 　　…… 　　li项目n 　　/ul 　　Type:设置符号形状，有实心圆、小正方形、空心圆三种，具体如下： 　　type=“disk” 符号为实心圆。 （默认为disk） 　　type=“square” 符号为正方形。 　　type=“circle” 符号为空心圆。;上机;扩展知识点