应用开发.ppt
《应用开发.ppt》由会员分享,可在线阅读,更多相关《应用开发.ppt(44页珍藏版)》请在三一文库上搜索。
1、Web应用开发,HTML,什么是HTML? HTML 指超文本标记语言。 HTML 文件是包含标记/标签的文本文件。 这些标签告诉 WEB 浏览器如何显示页面。 HTML 文件必须使用 htm 或者 html 作为文件扩展名。 HTML 文件能通过简单的文本编辑器来创建。,http:/ 这是标题部分。 你好,这是正文部分! , 头部信息 正文部分 ,HTML标记,HTML文档标记 格式: 功能:标志文档开始和结尾的标记 HTML文件头标记 格式: 功能:用于包含文件的基本信息 HTML文件主体标记 格式: 功能:文件主体标记,HTML标记,HTML标记 HTML 标记被 符号包围。 HTML
2、标记是成对出现的,例如 和 。 位于起始标记和终止标记之间的文本是元素的内容。 HTML 标记对大小写不敏感, 和 的作用是相同的。 HTML 标记可以包含属性,各属性之间以空格分隔。,设置的属性,background=URL,bgcolor=colorvalue,text=colorvalue,HTML格式化,文本加粗标记 文本斜体标记 文本下划线标记 文本删除线标记, 文本加粗标记 文本斜体标记 文本下划线标记 文本删除线标记 This text is strong This text is big This text is small ,字体设置标记 格式: 功能:设置字体格式标记 属性
3、:可用于设置字体的大小、颜色、字型等,HTML格式化,http:/ 格式:, 功能:设置各种大小不同标题的标记 段落标记 格式: 功能:设置段落标记 预定义格式标记 格式: 功能:在浏览器中浏览时,按照文档中预先排好的形式显示内容,标题标记,例:, 标题示例! hello world! hello world! hello world! hello world! hello world! hello world! ,段落标记与预定义格式标记,例:, 显示的区别 春晓 春眠不觉晓,处处闻啼鸟。 夜来风雨声,花落知多少。 春眠不觉晓,处处闻啼鸟。 夜来风雨声,花落知多少。 ,春晓,http:/ 格
4、式: 功能:分区显示标记 换行标记 格式: 功能:强制换行 水平线标记 格式: 功能:插入水平线标记 注释标记 格式: 功能:注释标记,DIV和布局,是一个块级元素。这意味着它的内容自动地开始一个新行 和表格相比较,结构更为清楚 实现内容和结构的分离,关于DIV,国外近70%以上的网站采用div布局开发,90%以上的新网站均是DIV布局。 国内越来越多的网站、软件均采用DIV布局来规划页面。 国内各大门户,如163、凤凰网、闪吧、闪客帝国等均是DIV布局。,HTML格式化,例:, 标记的使用 三种标记的使用! 我在中间!中间 我在左边!左边 我在右边!右边 ,建立列表,有序列表 格式: 功能:
5、建立有序列表 无序列表 格式: 功能:建立无序列表 属性, , ,例:, 列表示例 计算机新书 ASP程序设计 HTML网页设计 FrontPage使用指南 英语新书 外经贸英语 实用英语翻译 朗文英语语法 ,http:/ 格式: 功能:根据需要自定义列表样式 html 是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格 为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式,默认dd列表内容会一定缩进。, ,格式: 功能:在当前页和其他页间建立超链接 属性:,加入超级链接,href=URL,ta
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 应用 开发
链接地址:https://www.31doc.com/p-3278587.html