初识html课件

HTML标记语言基础授课人：***网页是由什么制作出来的？目标一、认识什么是HTML二、HTML标记的语法三、掌握常用的HTML标记的应用重点：认识HTML和HTML标记难点：常见的HTML标记的应用HTML简介•HTML是HyperTextMarkupLanguage的第一个大写字母的组合，中文意思为：超文本标记语言（布局和排版）。•HTML标记告诉Web浏览器如何显示网页。•一个HTML文件必须是一个htm或html扩展名的文件。•HTML文件的创建方式：a.手工直接编写（例如:记事本）。b.通过图形化的HTML开发软件Dreamweaver。c.由Web服务器上的动态网页程序生成。标记就是一些用来描述网页内容的一些特定符号。HTML不是一种编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，比如，文字以什么颜色、大小来显示，这些都是利用html标记来实现的。HTML标记HTML标记•HTML标记是用来组成HTML元素的。•HTML标记用两个尖括号“”括起来。•HTML标记一般是双标记，如b和/b。•前一个标记是起始标记，后一个标记为结束标记。•两个标记之间的文本是html元素的内容。•某些标记称为“单标记”，因为它只需单独使用就能完整地表达意思，如hr/HTML标记的语法HTML标记的类型：单标记与双标记一、单标记（1）标记名称单一型，无属性值。如br/（2）标记名称属性=“属性值”单一型，有属性值。如：hrwidth=“80%”/二、双标记（3）标记名称…/标记名称没有属性值。如：title…/title（4）标记名称属性=“属性值”…/标记名称有属性值。如：bodybgcolor=“red”…/body1.双标记：开始标记内容/结束标记2.单标记：标记3.标记的属性：标记属性1=参数1属性2=参数2…内容/标记说明：A、标记与属性、属性之间以空格分开B、属性不区分先后顺序；并且属性不是必须的重点强调：虽然在HTML中标记不区别大小写，但在XHTML中所有标记都必须小写，所以建议从现在开始，所有标记都采用小写。HTML标记语法总结HTML文档结构所有的网页文件，通常由四对标记来构成文档的骨架，它们是：htmlheadtitle标题/title/headbody正文/body/html标识网页文件的开始与结束，所有的html元素都要放在这对标记中标识网页文件的头部信息，如标题、搜索引擎关键字等标识网页文件的标题标识网页文件的主体部分htmlheadtitle这是我的第一个网页/title/headbody这是我的第一个网页b你好！/b/body/htmlHTMLp标签p标签定义段落属性值描述alignleft规定段落中文本的对其方式rightcenterjustify可选属性：HTMLa标签定义和用法a标签可定义锚。锚(anchor)有两种用法：通过使用href属性，创建指向另外一个文档的链接（或超链接）通过使用name或id属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）a元素最重要的属性是href属性，它指定链接的目标。HTMLimg标签img元素可定义一副图像。属性值描述alttext规定图像的替代文本srcURL规定显示图像的URL两个重要的属性：HTMLtable标签定义和用法table标签定义HTML表格。简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。tr元素定义表格行，th元素定义表头，td元素定义表格单元。更复杂的HTML表格也可能包括caption、col、colgroup、thead、tfoot以及tbody元素。HTMLinput标签定义和用法input标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。HTMLbutton标签定义和用法button标签定义一个按钮。在button元素内部，您可以放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。实例演示：如下图，我们做一个百度的首页。课后练习：采用表格布局的方法，做一个高仿的hao123网站：