1+X初级 Web页面制作基础

第一篇 Web页面制作基础

排版不太好，如果要Word版本，请添加群聊获取

第一章 HTML标签介绍
•HTML 标签是由<>包围的关键词，例：
•HTML 标签通常成对出现，分为标签开头和标签结尾，例：
•有部分标签是没有结束标签，成为单标签，单标签内必须用 / 结尾，例：

•页面中所有的内容，都要放在HTML标签中
•HTML标签主题分为三个部分
–标签名称
–标签内容
–标签属性
•HTML 标签具有语义化
–语义化：就是仅通过标签名就能判断出该标签的内容。
–语义化的作用
•网页结构层次更清晰。
•更容易被搜索引擎收录。
•更容易让屏幕阅读器读出网页内容。
•标签的内容就是在一对标签内部的内容
•标签的内容可以是其他标签

第二节 标签（元素）全局标准属性
在HTML规范中，规定了8个全局标准属性：
class属性
•用于定义元素的类名。
id属性
•用于指定元素的唯一id
•要注意该属性的值在整个HTML文档中要具有唯一性
style属性
•用于指定元素的行内样式
•使用该属性后将会覆盖任何全局的样式设定
title属性
•用于指定元素的额外信息
accesskey属性
•用于指定激活元素（获得焦点）的快捷键。
tabindex属性
•用于指定元素在tab键下的次序
dir属性
•用于指定元素中内容的文本方向
•属性值只有ltr或rtl两种，含义分别是left to right和right to left。
lang属性
•用于指定元素内容的语言

第三节 HTML的全局事件属性
Window窗口事件
•onload：在页面加载结束之后触发。
•onunload：在用户从页面离开时发生，例如点击跳转，页面重载，关闭浏览器窗口等。
Form表单事件
•onblur：当元素失去焦点时触发。
•onchange：在元素的元素值被改变时触发。
•onfocus：当元素获得焦点时触发。
•onreset：当表单中的重置按钮被点击时触发。
•onselest：在元素中文本被选中后触发。
•onsubmit：在提交表单时触发。
Keyboard键盘事件
•onkeydown：在用户按下按键时触发。
•onkeypress：在用户按下按键后，按着按键时触发。该属性不会对所有按键生效，不生效的有：ALT、CTRL、SHIFT、ESC
•onkeyup：当用户释放按键时触发。
Mouse鼠标事件
•onclick：当在元素上发生鼠标点击时触发。
•onblclick：当在元素上发生鼠标双击时触发。
•onmousedown：当在元素上按下鼠标按钮时触发。
•onmousemove：当鼠标指针移动到元素上时触发。
•onmouseout：当鼠标指针移出元素时触发。
•onmouseover：当鼠标指针移动到元素上时触发。
•onmouseup：当在元素上释放鼠标按钮时触发。
•Media媒体事件
•onabort：当退出时触发。
•onwaiting：当媒体已停止播放但打算继续播放时触发。

第二章 HTML的标签（元素）
第一节 文本标签
段落标签

段落标签用来描述一段文字
标题标签
•标题标签用来描述一个标题
•标题标签总共有六个级别，由高到低分别是h1,h2,h3,h4,h5,h6
•

标签在每个页面中通常只出现一次
强调语句标签
用于强调某些文字的重要性
更加强调标签
和 标签一样，用于强调文本，但它强调的程度更强一些
无语义标签
标签是没有语义。
短文本引用标签
简短文字的引用。
长文本引用标签

定义长的文本引用
换行标签


标签作用相当于word文档中的回车,起到文字换行的作用
第二节 多媒体标签
链接标签
图片标签
视频标签
•
•目前video支持三种视频格式
–Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
–MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
–WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
音频标签

第三节 列表
无序列表标签

•ul-li是没有前后顺序的信息列表
•

• • 列表定义一个无序列表
    •
  • 代表无需列表中的每一个元素
  • HTML
  • CSS
  • JavaScript
  有序列表