web前台开发概要.ppt

* * * * * 前端开发 HTML5 CSS3 html…/html?????? 定义?HTML?文档? head…/head???? 文档的信息? meta????????????? ? HTML?文档的元信息? title…/title??????? 文档的标题? link??????????????? 文档与外部资源的关系? style…/style???? ?文档的样式信息? body…/body????? 可见的页面内容? !--…--??? ?????? 注释? 基本标签 h1.../h1???????????? ???标题字大小（h1~h6）? b.../b????????????????? 粗体字? strong.../strong?????? ??粗体字(强调)?? i.../i?????????????????? ?斜体字?? em.../em??????????? ???斜体字(强调)? u.../u???????????????? ?下划线? del.../del?????????????? 删除线(表示删除)? center…/center???????? 居中文本? ul…/ul??????????????? ?无序列表?? ol…/ol???????????????? 有序列表? li…/li????????????????? ?列表项目? a?href=”…”…/a????????? 超链接? font????????????????????? 定义文本字体尺寸、颜色、大小? sub????????????????????? 下标? sup???????????????????? ?上标? br????????????????????? ??换行? p????????????????????? ???段落 文本标签 img src=’”…” 定义图像 hr 水平线 table…/table 定义表格 th…/th 定义表格中的表头单元格 tr…/tr 定义表格中的行 td…/td 定义表格中的单元 form…/form 定义供用户输入的 HTML 表单 frame 定义框架集的窗口或框架 图形标签 表格标签 表单，框架标签 常用标签 div的嵌套使用来完成整个网页的布局，你可以将div理解成一个一个的块，然后在div块中写入P等等标签，然后再通过CSS来修饰就行了，如高度，宽度，背景 ul是无序列表，所谓的无序列表只要举个例子，大家就明白了。 ●这是第一个列表 ●这是第二个列表 ●这是第三个列表 ●这是第四个列表 ol是有序列表，同样举个例子。 1、这是第一个列表 2、这是第二个列表 3、这是第三个列表 4、这是第四个列表 div ul ol 常用标签 li ul li你好/li li小鱼/li li小小/li /ul 常用标签 a href=# title=链接文本/图片/a # 换成所要链接的文件相对地址。title:为链接提示信息。 图片链接： img src= width= hegiht= 表单： 表单开始标签：form name=名称 method=post/get action=地址 文本框：input type=text name=名称 value=值 / 密码框：input type=password name=名称 value=值/ 单选按钮：input type=radio name=名称 checked / 复选框：input type=checkbox name=名称 checked / 提交按钮:input type=submit name=