[互联网]html新手入门

HTML,HTML,HTML（HyperText Markup Lanquage）即超文本标记语言，是构成网页最基本的要素，也是编写ASP文档和开发各种Web应用程序的基础。,2.1 HTML概述 2.2 HTML常用标记 2.3 HTML表格标记 2.4 HTML框架标记 2.5 HTML表单标记 2.6 HTML其他标记 2.7 HTML文档样式,2.1 HTML概述,2.1.1 什么是HTML HTML是一种标记语言每一个网页元素通常由开始标记（start tag）、结束标记（end tag），以及夹在这两个标记中的内容所组成。 主要由“属性名称 = 属性值”的方式来设定元素的属性。 一个HTML元素的形式可表示为： 内容 , 网页标题 这是正文部分！ ,2.1.2 HTML文档基本架构（01.html）,2.1.2 关于HTML的头部（02.html）,标题(title) 链接(link) 样式(style) 关于网页信息(meta),1标记的属性及其说明,2.2 常用标记（03.html）,1标题文字标记 标题文字 2分段标记 文字 3换行标记,2.2 常用标记（03.html）,4横线标记 格式： 5文本缩排标记 格式： 文字 ,2.2.5 字体属性标记,2.2 特殊字符标记,格式： 用作链接的文字或图像,2.1 HTML超链接（02.html）,2.2 图像标记(03.html),格式： ,2.2 列表标记(frame_a.html),1有序列表标记 格式： 列表项1 列表项2 列表项n 2无序列表标记 格式： 列表项1 列表项2 列表项n ,2.3 HTML表格标记（frame_c.html）,1网页中的表格 网页中经常需要使用各种表格元素，诸如“商品表”或“员工表” 表格可以方便控制网页中各种元素的布局，以便整齐地安排网页中众多的文字和图片等。, 3表格应用示例,2.3 HTML表格标记 (frame_b.html),2.5 HTML表单标记(frame_b.html),2.5.1 表单简介 1网页中的表单 表单的英文名称为form ，用于在网页中为浏览者提供一个输入各种信息的界面，以便Web应用程序和Web数据库获取这些信息。大多数网站的网页设计都需要使用表单元素，例如通过表单来完成用户注册信息的输入或者商品订购信息的输入等。,2.5 HTML表单标记(frame_b.html),2表单定义格式 ,2.4 HTML框架标记,1网页中的框架 框架元素用来将整个浏览器窗口划分为多个不同的矩形区域， 标记用来定义一个窗口内的框架数、各框架的尺寸等， 框架标记则用来具体定义某个框架的名称、在该框架中显示的HTML文档等。,2框架定义格式 3框架应用示例,2.5.2 常用表单域标记,1 标记 格式： 说明：标记中可以有6个属性，分别为：type、name、value、size、maxlength和checked。,2 标记 格式： 文字 文字 3 标记 格式： ,2.6 HTML其他标记,2.6.1 动态文字标记 格式： ,2.6.2 层标记,格式： HTML元素序列 ,2.6.3 嵌入多媒体信息标记,格式： ,2.7 HTML文档样式,在HTML文档中除了可用各种标记对文字或段落等元素分别设置格式外，还可应用样式来进行格式设置。在设计HTML网页时，可采用下列方式定义和应用样式： l 在文档头部定义样式块。 l 在文档主体部分对个别元素（如段落、表格单元等）单独定义样式。 l 使用外部样式表或称层叠样式表CSS（Cascading Style Sheets）。,2.7.1 在文档头部定义样式,1格式： HTML标记属性名称：属性值；属性名称：属性值 HTML标记属性名称：属性值；属性名称：属性值 2样式块中的各种属性,2.7.2 为单个元素定义样式,对一些元素单独设置style属性示例： 这是一段红色粗体文字 这是一个棕色宋体字标题 163网站 姓名,2.7.3 使用级联样式表CSS,级联样式表CSS实际上是用来规范HTML文档格式的样式定义文件，可统一定义网站中多个网页内容的显示格式。 减少THML文档中各种重复标记的数目 利于整个网站页面风格的统一。 分离内容与样式。,使用级联样式表的具体方法是：在一个或多个级联样式表中定义样式，并将它们保存为扩展名为.CSS的文件，然后将它们链接到需要使用这些样式的所有网页，从而实现这些网页外观的一致性。,