潭州教育java-HTML概述与基本标签.pptVIP

Web概述 Web，又称为WWW，英文全称为World Wide Web，翻译为中文一般为万维网。它是借助于互联网运行的一种服务。 超文本 HyperText Web服务器 Web Server Web浏览器 Web Browser 统一资源定位符 URL 超文本传输协议 HTTP 超文本标记语言 HTML Web概述_超文本 Web概述_Web服务器 Web概述_Web浏览器 HTML超文本标记语言 HTML：HyperText Markup Language XHTML 1.0或者HTML 4.01 W3C Tim Berners-Lee 标记 标记：标签，Tag 标记名 属性=”值” 属性=”值” … 文本或其他标记/标记名 标记名 属性=”值” 属性=”值” … / p/p img / address/address em/em HTML文档结构 html head title网页标题/title /head body p我的第一个网页文档/p /body /html 常用的HTML标签 大纲级别标题标签h1/h1 到 h6/h6 图像标签img / 超链接标签a/a 元数据标签meta / 水平分隔线标签hr / 大纲级别标题标签 hn/hn 生成大纲级别的标题文字，有助于对文档的内容进行层次化组织。 h1This is heading 1/h1 h2This is heading 2/h2 h3This is heading 3/h3 h4This is heading 4/h4 h5This is heading 5/h5 h6This is heading 6/h6 图像标签img / 生成图像[含GIF动画] 应用于网页文档的图像文件的格式，一般使用gif、jpg、png格式。 img src=image/tulip.jpg alt=郁金香 / 图像标签img /的属性 属性 意义 src 图像文件的地址。 alt 图像的替代文字，当图像不能正常显示时，将显示此文字。 width 图像的显示宽度。 height 图像的显示高度。 超链接标签a/a 用于导航 中国十大品牌IT教育机构 HTML概述与基本标签 课程整体目标 理解HTML并掌握常用标签 理解CSS并掌握常用的样式属性 掌握使用Dreamweaver管理站点 理解JavaScript并掌握基本语法 理解DOM并掌握相关对象 理解BOM并掌握相关对象 什么是网页? 什么是网页? 定义：构成网站的基本元素 格式：分为静态网页和动态网页 静态网页文件扩展名为.html或.htm 动态网页文件扩展名为.jsp或.aspx .asp HTML：用于制作网页的超文本标记语言(Hyper Text Mark-up Language) 站点 站点 网页和相关资料在服务器上存放的集合 我的站点 网页 图片 MP3 静态网页和动态网页 静态网页 不能互动交流 手动修改 开发成本低，维护成本高 动态网页 交互性 自动更新 因人因时而变 Html超文本标记语言 Html（超文本标记语言） 定义：为网页创建和其它可在网页浏览器中看到的信 息设计的一种标记语言 历史 蒂姆.伯纳斯-李 为方便在万维网上共享文件创建HTML HTML 2.0——1995年11月 HTML 3.2——1996年1月14日 HTML 4.0——1997年12月18日 HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准 如何创建网页 网页的基本结构 网页以html开始/html结束 两个主要的结构：head首部，body主体 html head …… /head body …… /body /html 如何创建网页 网页的头部 结构：head…/head 内容：title, meta, CSS, Javascript 网页的主体 结构：body…/body 内容：包含网页中显示的文本、图像和链接等 html head …… /head body …… /body /html … head title欢迎来到潭州教育/title Meta http-equiv=“keywords” content=“潭州教育，软件工程师” style ……. /style script ……. /script /head… html head …… /head body …… /body /html … body … img src=“welcome.jpg” a href=“index.html”欢迎来到潭州教育/a … /body…