《HTML基本标签(一)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、HTML基本标签（一）第一章本门课程目标学完本门课程后，你能够：制作界面美观大方、面向企业应用的静态商业网站掌握Web开发的行业规范和标准课程项目展示贵美商城首页商品展示页（点击左边“商品分类”任一链接）具体商品详细介绍页（点击任一商品图片）购物车页面（点击“立刻购买”按钮）登录页（点击右上方的导航菜单）注册页（点击右上方的导航菜单）帮助中心客服页面（点击右上方的导航菜单）教员现场演示贯穿项目本章任务制作图文并茂的商品介绍页本章目标使用HTML的基本结构创建网页使用行级和块级标签组织页面内容使用图像标签实现图文

2、并茂的页面什么是HTMLHTML：HyperTextMarkupLanguage超文本标签语言HTML：网页的“源码”浏览器：“解释和执行”HTML源码的工具HTML告知浏览器如何显示网页HTML文档的结构HelloWorld!HTML网页头部部分主体部分…标签标记HTML文档的开始和结束网页标题网页内容，可以是文本、图像等这部分包括标题和其

3、他说明信息，包括在…标签内这部分包含文本、图像和链接，它包括在…标签内HTML文档的基本结构记事本UltraEditHTML的编辑工具操作演示1：在记事本里创建网页网页的摘要信息2-1网页摘要信息利于浏览器解析和搜索引擎搜索：使用

4、scription"content="淘宝网-亚洲最大、最安全的网上交易平台，提供各类服饰、美容、家居、数码、……"/>网页的摘要信息2-1使用标签（1）描述文档类型和字符编码（2）描述搜索关键字和描述提供搜索关键字和内容描述信息，方便搜索引擎的搜索Meta标签http-equiv属性:模拟http消息头(所谓消息头，是由w3c定

5、义的一些关键字，浏览器与服务器都会遵守)。content属性:消息头的属性值。常见的两个消息头:（1）模拟生成一个content-type消息头，告诉浏览器，返回的数据是html，编码是gbk。浏览器一定会以指定的gbk编码来打开该页面。需要注意：指定的编码一定要与实际保存文件的编码一致。（2）模拟生成一个refre

6、sh消息头，告诉浏览器，每隔2秒刷新该页面。HTML页面中的块和行HTML标签分类（方便后续的布局设计）：块级标签：显示为“块”状，前后隔一行行级标签：按行逐一显示分类好处：方便后续的布局设计块级：块内包含多行行级：包括文字、图片等块级标签根据使用场合，块级标签又细分为：基本块级标签常用于布局的块级标签块级元素与行内无素的区别块级元素和行内元素是布局最基本的两种元素，常见的块级元素有div、p、form、ul、ol、li等，常用的行内元素有span、strong、em等块级元素会独占一行，默认情况下，其宽度自动

7、填满其父元素宽度，行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化。块级元素可以设置width、height属性。行内元素设置width、height属性无效。注意，块级元素即使设置了宽度，仍然是独占一行的。标题标签……

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

8、标题标签

标题

标题

北京欢迎你

北京欢迎你，有梦想谁都了不起！/p>

有勇气就会有奇迹。

……

北京欢迎你

北京欢迎你，有梦想谁都了不起！/p>