Html超文本标记语言

Html 内容 1 Html 就是超文本标记语言的简写 是最基础的网页语言 2 Html 是通过标签来定义的语言 代码都是由标签所组成 3 Html 代码不用区分大小写 4 Html 代码由开始结束 里面由头部分和体部分 两部分组成 5 头部分是给 Html 页面增加一些辅助或者属性信息 它里面的内容会最先加载 6 体部分是真正存放页面数据的地方 多数标签都是有开始标签和结束标签 其中有个别标签因为只有单一功能 或者没有要修饰 的内容可以在标签内结束 想要对被标签修饰的内容进行更丰富的操作 就用到了标签中的属性 通过对属性值的改变 增加了更多的效果选择 属性与属性值之间用 连接 属性值可以用双引号或单引号或者不用引号 一般都会用双 引号 或公司规定书写规范 格式 数据内容 操作思想 为了操作数据 都需要都数据进行不同标签的封装 通过标签中的属性对封装的数据进行操 作 标签就相当于一个容器 对容器中的数据进行操作 就是在再不断的改变容器的属性值 常用标签的使用 字字 体体 1 字体标签字体标签 例 字体标签示例 注 简单颜色可是直接写对应的英文 复杂颜色用 16 进制表示 表现形式 FF0000 两个数 为一组 按红 绿 蓝排列 如 00FF00 表示绿色 建议用工具选取 2 标题标签标题标签 因为标题是文本中常用的内容 为了方便操作而定义的 其实就是某个字号和粗体的组合 3 特殊字符 特殊字符 如果要在网页上显示一些特殊符号 比如 空格 注 在 Dreamweaver8 中都具有联想功能 列列 表表 4 列表标签 列表标签 上层项目 下层项目 例 游戏名称 星际争霸 红色警戒 部门名称 技术部 培训部 效果 列表中项目符号对应的标签 数字标签 a A 1 i I 符号标签 具体项目内容标签 此标签只在 中有效 通过 type 属性更改项目符号 如果想做出效果更好的列表 如 黑色圆点用图片表示 就 用到 CSS 图图 像像 5 图像标签图像标签 例 align 属性定义图片的排列方式 border 用来设置图像的边框 Src 连接一个文件 6 图像地图图像地图 应用 当要在图像中选取某一部分作为连接的时候 如 中国地图每个省所对应的区域 map 标签要和 img 标签联合使用 Href 是超连接 表表 格格 7 表格标签表格标签 组成 标题标签 给表格提供标题 表头标签 一般对表格的第一行或者第一列进行格式化 就是粗体显示 并不 常用 行标签 单元格标签 加载行标签的里面 可以简单理解为 先有行 在行中在加入单 元格 格式 表格标题 姓名 年龄 张三 23 效果 个人信息 张三 23 效果 每个表格可以有一个表头 一个表尾和一个或多个表体 即正文 分别以 THEAD TFOOT 和 TBODY 元素表示 THEAD TFOOT 包含关于表格列的信息 TBODY 作用是 可以控制表格分行下载 从而提高下载速度 网页的打开是先表格的的内 容全部下载完毕后 才显示出来 分行下载可以先显示部分内容 这样会减少用户等待时间 使用 TBODY 的目的是可以使得这些包含在内的代码不用在整个表格都解析后一起显示 就是 说如果有多个行 那么如果得到一个 TBODY 行 就可以先显示一行 TBODY 这个标签可以控制表格分行下载 当表格内容很大时比较实用 在需要分行下载处加 上和 超超 链链 接接 8 超链接标签 超链接标签 两种用法 一 超链接 例 新浪 二 定位标记 一般在本页面中使用 当网页内容过长 定位标记会比拖动滚动条方便快捷 注 定位标记要和超链接结合使用才有效 例 标记位置 返回标记位置 注 使用定位标记时一定在 href 值的开始加入 标记名 框框 架架 9 框架标签 框架标签 注 框架标签不可以放到 一般为了代码的可读性 会到和之间 例 这段代码会需要已经存在的 3 个 html 页面 分别是 1 html 2 html 3 html 效果 注 当框架大小不想被鼠标拖动而改变 可以在 frame 标签中加入 noresize 属性 这个 属性没有属性值 称为标记属性 加上就为固定 在 XHTML 的规范中 所有的属性都要有属 性值 那么标记属性的属性值就是自身 如 noresize noresize 10 画中画标签 画中画标签 很遗憾 画中画你没有看到 因为你的浏览器不支持 iframe 标签 框架标签现在不是很常用 布局都用 div css table 框架很少使用了 表表 单单 11 表单标签 表单标签 表单标签是最常用的标签 用于与服务器端的交互 输入标签 接收用户输入信息 其中的 type 属性指定输入标签的类型 文本框 text 输入的文本信息直接显示在框中 密码框 password 输入的文本以原点或者星号的形式显示 单选框 radio 如 性别选择 复选框 checkbox 如 兴趣选择 隐藏字段 hidden 在页面上不显示 但在提交的时候随其他内容一起提交 提交按钮 submit 用于提交表单中的内容 重置按钮 reset 将表单中填写的内容设置为初始值 按钮 button 可以为其自定义事件 文件上传 file 后期扩展内容 会自动生成一个文本框 和一个浏览按钮 图像 image 它可以替代 submit 按钮 选择标签 提供用户选择内容 如 用户所在的省市 size 属性为显示项目个 数 子项标签 属性 selected 没有属性值 加在子项上 其中一个子项上 子 项就变成默认被选项 多行文本框 如 个人信息描述 用于给各元素定义快捷键 for 属性 指定快捷键作用的表单元素 必须与要作用的表单元素的 id 值相同 accesskey 属性 指定快捷键 此快捷键需要和 alt 键组合使用 例 用户名 u 表单提交 1 先定义 form 表单中的 action 属性值 指定表单数据提交的目的地 服务端 2 明确提交方式 通过指定 method 属性值 如果不定义 那么 method 的值默认是 get get 和 post 这两种最常用的提交方式的区别 1 get 提交将数据现在地址栏 对于敏感信息不安全 post 提交不显示在地址栏 2 地址栏中存放的数据是有限 所以 get 方式对提交的数据体积有限制 post 可以提交大体积数据 3 对提交数据的封装方式不同 get 将提交数据封装到了消息的前 请求行中 post 将提交的数据封装到消息头后 数据体中 注意 通常表单使用 post 提交 因为编码方便 对于 Tomcat 服务器端 默认的解码方式是 ISO8859 1 那么中文会出现乱码 通过 post 提交 可以使用 request setCharacterEncoding GBK 来解 决乱码问题 该方法只对数据体有效 如果是 get 提交 request setCharacterEncoding GBK 该方法对乱码解 决不了 必须先进行 ISO8859 1 编码 然后在进行 GBK 的解码 这种方式虽然对 post 提交的乱码也通用 但是麻烦 所以建立表单提交使用 post 头头 标标 签签 头标签都放在头部分之间 包括 title base meta link 12 指定浏览器的标题栏显示的内容 13 href 属性 指定网页中所有的超链接的目录 可以是本地目录 也可以是网络目录 注意 值得结尾处一定要用 表示目录 只作用于相对路径的超链接文件 target 属性 指定打开超链接的方式 如 blank 表示所有的超链接都用新窗口打开显示 14 name 属性 网页的描述信息 当取 keywords 时 content 属性的内容就作为搜索引擎的 关键字进行搜索 http equiv 属性 模拟 HTTP 协议的响应消息头 例 表示打开此页面 3 秒后自动转到新浪页面 15 rel 属性 描述目标文档与当前文档的关系 type 属性 文档类型 media 指定目标文档在哪种设备上起作用 例 Other 16 让内容动起来 direction 属性 left right down up behavior 属性 scroll alternate slide 17 可以将文本内容按在代码区的样子显示在页面上 XHTML XML XHTML 是可扩展的超文本标记语言 Extensible HyperText Markup Language XHTML 是 w3c 组织在 2000 年的时候为了增强 HTML 推出的 本来是想替代 HTML 但是发 现 Internet 上用 HTML 写的网页太多 未遂 可以理解为它是 HTML 一个升级版 HTML4 01 XHTML 的代码结构更为严谨 是基