PHPCMS中国WEB前端基础培训课程HTML篇.ppt

PHPCMS零基础建站培训 培训内容（大分类）包括：1.网站策划；2.主机空间、域名选购；3.前端培训（细分）4.主流开源CMS建站培训（主讲phpcms，dedecms）5.网站运营及搜索引擎优化（SEO）6.待定主办： PHPCMS中国 模板超市网  作业2 完成由一个登陆页面 登陆页面 login.html 用户名，密码，验证码，提交 登陆进入到刚才写的那个框架页面, 框架页面的left页面有文字链接”注册” 点注册链接到作业1的注册页面form.html显示在main Main 显示注册页面 register.html 作业完成后提交到PHPCMS中国社区培训区 作业板块。 可以在PHPCMS中国建站培训交流群探讨：143560049 body主体表格 table 实例 body主体表格 表格基本语法： table/table - 定义表格 tr/tr - 定义表行 td/td - 定义表元 tr是table的子元素 td定义列 body主体表格 画一个表格(一行两列)： table tr td/td td/td /tr /table 注意：一个完整的表格必须由三个标签构成，且应该先画行后画列 body主体表格 表格的属性 border（边框）属性： border = “number” background （背景图像）属性： background = “图片位置” width、height属性： width = “300” height = “200” 企业开发HTML工具 Dreamweaver 安装 body主体表格 colspan属性(合并纵向单元格)： colspan = “number” rowspan属性(合并横向单元格)： rowspan = “number” body主体表格 可以为表格设置背景图片和背景颜色 背景色： Bgcolor（不推荐使用） 背景图片： background 行背景色： bgcolor 练习表格 body主体div和span div 图层 span 其他元素 块标签: div内容 /div 空格符： nbsp; 注意：如要加多个空格，只需加多个nbsp;标志 实例 body主体列表 无序列表(Unordered List) 有序列表(Ordered List) 自定义列表(Definition List) body主体列表 无序列表： 无序列表是一个项目的序列。 各项目前加有标记：通常是黑色的实心小圆圈 无序列表以ul标签开始。 每个列表项目以li开始。 例子：ulexample.html body主体列表 有序列表 有序列表也是一个项目的序列。所谓有序，指的是按照数字或字母等顺序排列列表项目。 各项目前加有数字作标记。 有序列表以ol标签开始。 每个列表项目以li开始。 属性type可以指定为A、a、1、i、I 例子：olexample.html body主体列表 自定义列表 自定义列表不是一个项目的序列，它是一系列条目和它们的解释。 自定义列表以dl标签开始，自定义列表条目以dt开始，自定义列表的释义以dd开始。 例子：dlexample.html 总结：列表在我们后面的div+css布局会经常用到，所以大家认真对待哦！ body主体表单 什么是表单？ 表单的作用：动态网页技术中，表单的作用是十分重要的，用户与服务器的交互就是通过表单来完成的。 表单的结构： form action=“” method=“” input type=“submit”/ input type=“reset” value=“rest”/ /form 表单输入类型 文本框 text 密码 password 隐藏字段 hidden 单选框 radio 复选框 checkbox 下拉菜单 select和option 文本域 textarea 文件打开 file 按钮 button 提交与重置 reset submit body主体表单 HTML表单元素（表单元素是能够让用户在表单中输入信息的元素 ） 文本框标签： input type = “text” name = “表单名称” value = “预加内容” 注意：大部分浏览器中，文本框的宽度默认是20个字符 body主体表单 单选按钮标签： input type=radio name=sex value=male Male input type=radio name=sex value=femaleFemale Checked属性的特殊性 注意：单选按钮的名称必须相同，否则不能控制单选特性。 body主体表单