基本标签(一)讲述.ppt

* 强调：块级和行级标签的区别： 块级：前后换行 行级：一行内显示 * 终端块状元素：不能再包含其他块级元素，只能包含文本或行级元素 ，用于显示内容 结构化块状元素：规定如何组织网页内容的结构，类似word中的有序编号、无序标号一样 多目标块状元素：这类标签很灵活，根据应用需要，即可以充当终端块状元素，也可以充当结构化块状元素 * * * * 说明：因DOCTYPE声明英文太长，可以拷贝或暂时不写。但要求学员记住必须有这句代码。 * * * * 说明图片是dt-标题 下面的文字是dd-描述 * * * * 因此，在页面局部布局中，形成了4种常用的块状结构： （1）div-ul(ol)-li：常用于分类导航或菜单等场合； （2）div-dl-dt-dd：常用于图文混编场合； （3）table-tr-td：常用于图文布局或显示数据的场合； （4）form-table-tr-td：常用于布局表单的场合； 2.学会按上面4种块结构来组织和规划页面的结构，是盒模型实现的关键，后续将进行详细讲解和深入学习。 * 使用ol li有序列表，ul li无序列表和dl dt dd定义列表实现简单的商品购买页 * * 说明样式方面的内容后续章节将学习 * * 过度： 标准的由来，多个浏览器厂商的竞争、HTML编码混乱 标准的由来，多个浏览器厂商的竞争、HTML编码混乱 遵守国际化WEB标准，确保多个浏览器都兼容 W3C-万维网联盟，负责制定web行业标准，它包括一系列的标准。 重点强调我们这门课程需要严格遵守HTML 4.0.1/标准XHTML1.0，两者兼容。 说明：具体规范将随课程边学边告诉大家，DOM和ECMAScript下学期会学习； * 过度： 标准的由来，多个浏览器厂商的竞争、HTML编码混乱 标准的由来，多个浏览器厂商的竞争、HTML编码混乱 遵守国际化WEB标准，确保多个浏览器都兼容 W3C-万维网联盟，负责制定web行业标准，它包括一系列的标准。 重点强调我们这门课程需要严格遵守HTML 4.0.1/标准XHTML1.0，两者兼容。 说明：具体规范将随课程边学边告诉大家，DOM和ECMAScript下学期会学习； * * 使用ol li有序列表，ul li无序列表和dl dt dd定义列表实现简单的商品购买页 HTML基本标签（一） 什么是HTML HTML：Hyper Text Markup Language 超文本标签语言 HTML：网页的“源码” 浏览器：“解释和执行”HTML源码的工具 HTML告知浏览器如何显示网页 HTML文档的基本结构 HTML文档的结构 html head title我的第一个网页 /title /head body Hello World! /body /html HTML 网页 head头部部分 body主体部分 html…/html标签标记 HTML 文档的开始和结束 网页标题 网页内容，可以是文本、图像等 这部分包括标题和其他说明信息，包括在 head…/head 标签内 这部分包含文本、图像和链接，它包括在 body…/body 标签内 网页的摘要信息2-1 网页摘要信息利于浏览器解析和有哪些信誉好的足球投注网站引擎有哪些信誉好的足球投注网站： 使用title标签 head title搜狐-中国最大的门户网站/title /head head meta name= keywords content= 淘宝,网上购物,在线交易,交易市场 / meta name= description content= 淘宝网-亚洲最大、最安全的网上交易平台，提供各类服饰、美容、家居、数码、…… / /head head meta http-equiv=Content-Type content=text/html; charset=gb2312 / /head 网页的摘要信息2-1 使用meta标签 （1）描述文档类型和字符编码 （2）描述有哪些信誉好的足球投注网站关键字和描述 提供有哪些信誉好的足球投注网站关键字和内容描述信息，方便有哪些信誉好的足球投注网站引擎的有哪些信誉好的足球投注网站 HTML页面中的块和行 HTML标签分类（方便后续的布局设计）： 块级标签：显示为“块”状，前后隔一行 行级标签：按行逐一显示 分类好处：方便后续的布局设计 块级： 块内包含多行 行级：包括文字、图片等 块级标签 根据使用场合，块级标签又细分为： 基本块级标签 常用于布局的块级标签 基本块级标签3-1 标题标签 …… body h1一级标题/h1 h2二级标题/h2 h3三级标题/h3 h4四级标题/h4 h