公司内部培训div+css网页设计基础教程.doc

目录列表 参考网址：/index.html 1，最简单的html结构，保存为.html 2，html的元素，包含头部元素和主体元素 3，基本的html标签 -标题 -段落 -链接 -图像 4，表格，单元格 5，列表（有序和无序） 6，表单form 7，html块 -块元素例子：h1, p, ul, table例子：b, td, a, imgCss样式（背景，文本，字体，链接，列表，表格，轮廓outline…..） -Css框模型，（内边距，边框，外边距） -Css定位（相对，决定，浮动） 9-1，css的引用方式（3种） 9-2，css的选择器（id选择器，类选择器，属性选择器，分组选择器等） -css伪类 9-3，CSS高级（对齐，尺寸，分类，导航栏，图片库，图片透明……） -对齐：整体对齐，块对齐，内容对齐等 -尺寸：单位用px，或者百分比 10，CSS3的新元素，实现（图片、文字）美化，动画，拖动，画图，旋转等功能 Html基础学习 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtmlbodyp这是一个简单的段落./p/body/html 标题，h1....h6 进行定义 段落适应p/p定义 定义超链接：a href= target=_blank跳转到/a //以新页面打开 Html 头部元素,包含头部元素title, style, meta, link, script, noscript, and base. head title定义网页标题/title link rel=stylesheet type=text/css href=mystyle.css //用于引入外部样式表等 meta name=keywords content=HTML, CSS, XML, XHTML, JavaScript标签描述了一些基本的元数据。script标签用于加载脚本文件，如： JavaScript。img src=pulpit.jpg alt=Pulpit width=304 height=228 定义表格 table border=1trtdRow 1, cell 1/tdtdRow 1, cell 2/td/tr/table 单元格边距(Cell padding)单元格间距(Cell spacing)HTML 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 表单使用表单标签 form 来设置: form method姓名: input type=text name=username /br/密码: input type=password name=password / input type=checkbox name=vehicle value=Bike /I have a bikebr/ input type=checkbox name=vehicle value=Car /I have a car? input type=submit name=submit value=提交 //form 以上黄色lightline部分表示标签已经闭合 段落标签使用p/p 记得标签的闭合写法 Html注释使用!—这里是注释的内容-- Html 折行使用br/比较常用，而不是br，虽然大部分两者都显示正常，但是未来兼容方面，建议使用br/ Html标题标签使用h1/h1……h7/h7等，数字越小，字号越大 html内容居中排列使用align=”center”,分类可以设置left,center,right 水平排列的值 html加入水平线呢,可以内容结束使用hr/ html的背景颜色，可以使用bgcolor,例如body bgcolor=”grey” blockquote这是长引用/blockquote 会自动插入换行和边距 插入超链接a href=”#” target=”” name=””/a 默认的超链接会变颜色和加下划线，样式可以通过css改变 利用超链接标签可以设置name值，可以在同一个页面跳转到特定的位置， Html框架： Html5:基础学习 定义音频内容 audio controls? source src=horse.ogg type=audio/ogg? source sr