《html学习笔记》由会员分享，可在线阅读，更多相关《html学习笔记（18页珍藏版）》请在金锄头文库上搜索。
1、 HTML整理笔记 By:小A （我在这里虽然是把 HTML 标签 做个简单的介绍，我想我写的很详细，即使不会，没接触过 HTML 的人也能够看的懂，也能够学会，还有.第一次写 没有大纲，见谅！最后送给大家一 句话：多抽出一分钟时间来学习,让你的生命更加精彩!） 1.什么是 HTML？ HTML (Hyper Text Markup language)超文本标记语言，用于创建网页文档。 使用 HTML 标记（标签）和 元素 创建 扩展名 html 、htm 2.HTML 常用标记（标签） 标记 类型 名称或意义 作用 备注 文件标记 文件宣告 让浏览器知道这是 HTML 文件 开头 提供文件整
2、体信息 标题 定义文件标题，将 显示于浏览器顶端 主体 设计文件格式及内 容所在 排版标记 说明标记 为文件加上说明， 但不被显示 段落标记 为字、图、表格等 之间留下一空白行 换行标记 令字、图、表格显 示于下一行 水平线 插入一水平线 居中 令字、图、表格等 显示于中间 反对 预设格式 令文件按原代码的 排列方式显示 定位标记 设定字、图、表格 等的摆放位置 不换行 令文字不因太长而 换行 建议换行 预设换行部位 字体标记 加重语气 产生字体加粗 Bold 的效果 粗体标记 产生字体加粗的效 果 强调标记 字体出现斜体效果 斜体标记 字体出现斜体效果 等宽字体 Courier字体，字 母宽
3、度相同 加下划线 加下划线 反对 一级标题标记 将字体变大，级数 越高越小 二级标题标记 将字体变大 三级标题标记 将字体变大 四级标题标记 将字体变大 五级标题标记 将字体变大 六级标题标记 将字体变大 字体标记 设定字体、大小、 颜色 反对 基准字体标记 设定所有字体、大 小、颜色 反对 字体加大 令字体稍微变大 字体缩小 令字体稍微缩小 加删除线 为文字加删除线 反对 程式码 字体稍微加宽如 键盘字 字体稍微加宽，单 一空白 范例 字體稍為加寬如 变量 斜体效果 斜体标记 斜体效果 向右缩排 文字向右缩排 述语定义 斜体效果 地址标记 斜体效果 下标字 文字下标 上标字 文字上标 清单标
4、记 顺序清单 清单项目将以数字、 字母顺序排列 无序清单 清单项目将以实心 圆点作为符号排列 清单项目 清单中的项目，一 个标记一行 选项清单 可用type参数指定 项目符号。 反對 目录清单 与相同 反對 定义清单 清单分两层出现 定义条目 清单项标题 定义内容 清单项内容 表格标记 表格标记 设定该表格的各项 参数 表格标题 做成一打通列以填 入表格标题 表格列 设定该表格的列 表格栏 设定该表格的栏 表格标头 相等于 ，但 其内文字字体会变 粗 表单标记 表单标记 决定该表单的运作 模式 文字框 提供文字输入栏 输入标记 决定输入形式 选择标记 建立弹出卷动清单 选项 每一个清单选项 图
5、形标记 图形标记 用来插入图形及设 定图形属性 链接标记 链接标记 加入链接 基准标记 可将相对 URL 转 绝对及指定链接 框架标记 框架设定 设定框架 窗口设定 设定框架中的窗口 页内框架 于网页中插入框架 IE 不支持框架 设定浏览器不支持 框架时的提示影像地图 影像地图名称 设定影像地图名称 链接区域 设定各链接区域 多媒体 背景声音 令背景播放音乐或 声音 IE 多媒体 加入声音、音乐或 影像 其他标记 走马灯 令文字走动 IE 闪烁文字 令文字闪烁 NC 页内寻找器 可输入关键字寻找 该页 反对 开头说明 提供关于此页的信 息给浏览器 关系定义 定义该文件与其他 URL 的关系 S
6、tyleSheet 式样表 控制网页版面 自订标记 独立使用或与样式 表一起用 注： 表示该标记 属于围堵标记 ，即需要结束标记 。 表示该标记 属空标记，即不需要结束标记。 IE 表示该标记只适应于 Internet Explorer 。 NC 表示该标记只适用于 Netscape Communicator 。 反对 表示该标记不为 W3C 所赞同，通常这标记是微软或网景自订，且已被大家支 持，只是 HTML 标准中有其它功能相同或更好的选择。 弃用 表示该标记已被 W3C 所抛弃，是过时的标记，但 HTML 有向下兼容性，所以 浏览器仍然支持。 新 表示该标记是 HTML 4.0 中新增的
7、。 3.一个简单的 HTML 示例 （HTML 语言是不区分大小写的，所以根据个人喜 好大小写不限） Html 文档主要由 3部分组成 A. 根尾标记 B. 头部 这部分包含显示在网页导航栏中的标题和其 他在网页中不西安市的信息。标题包含在标签之间 如上图 C. 主体部分 - Mate 标签 Mate 标签出现在网页标题部分，提供有感我那个也的信息 http-equiv 属性也可代替 name 属性 1.网页过期（expires） 例如：Expirs 表示网页在浏览者计算机缓存中的过期时间， GMT 代表 “格林尼治标准时间” ，一旦网页过期，将自动重服务器上重新下载新的 页面。 2.自动刷新
8、 （refresh） 代表每隔 30秒自动刷 新本网页 代表每隔 10 秒自动跳到新的URL 网址 - 标题 标签 代码如下： 效果如下： 这是我的第一个HTML练习这是我的第一个HTML练习这是我的第一个HTML练习这是我的第一个HTML练习这是我的第一个HTML练习这是我的第一个HTML练习 - 段落级标签 居中 左对齐 右对齐 代码如下： 换行 预格式化 比如： 在浏览器显示 是一行 加上后就是你本来编辑时 候的格式了 比如：浏览器打开就是 - 文本格式化标签 1. 加粗 2.斜体 3.下划线 4.是文本高度低于周围文本 5.是文本高度高于周围文本都是双标记 如 浏览器结果就是 - 列表
9、 1.有序 2.无序 示例浏览器结果 另外 有序（ol） 有个属性 type Type 可以是 数字 也可以是字母 比如 type=“1“ 和 type=“B“比较 结果如下 标签 水平线 我就不演示了 有以下属性 Align 水平线位置（居中、左对齐、右对齐） Width 水平线长度 Size 水平线宽度 Noshade 制定水平线纯色而不是阴影 - 标签 字体标签 属性： Color 字体颜色 Size 字体大小 默认 3 Face 字体的类型 - IMG 标签 用于在 HTML 文档中插入图像src=“ 中填写图片路径 如果 HTML 文档和图片是同意目录 src=“填写图 片名称即可（
10、记得要图片后缀）当然 IMG 标签也有 width height 等属性 要学会查帮助文档 我不 能一一列全 - HTML 中的特殊字符 空格 元（￥） 大于 小于 引号 版权 注册商标 - 超链接属性 Href=“这里填写链接地址“ 还能链接其他文件 比如图片 文本文档 这里的超链接有下划线 后面在写伪类 是一种样式 CSS 专门针对这个标记 电子邮件 例如- 表格以开头 以结尾 行 列 表格标题 行或列标题列合并 colspan=“ 行合并 rowspan=“ 表格属性 Border=“表格宽度 Aligen=“表格显示（居中 左 右对齐） 示例： 显示结果 -表单 属一个容器标记，表示其
11、他表单标记需要在 他的包围中才有效 ，例如 的属性 Action 是指表单提交后 信息发送到 Web 服务器上，有 action 制定的程序处理 Method 指向服务器发送数据的方法（POST 或 GET） HTML 输入元素元素定义要在表单中显示的控件类型和外观。此元 素包括一下属性 属性 说明 TYPE 表示指定表单元素的类型 如：TEXT,FILE,RADIOD 等 NAME 示指定表单元素的名称 VALUE 此属性可选，表示初始值 SIZE 指定元素的初始宽度 MAXLANGTH 表示在 TEXT,PASSWORD 元素中输入的最大字符数，默 认是无限大 CHECKED 此属性是 Boolean 属性，表示指定按钮是否被选中，当输 入类型是 RADIO 或 CHECKBOX 时，使用此属性 - 表单元素的类型。属性 和事件 1.BUTTON（按钮） 属性 说明
