- HTML
- XHTML：可扩展超文本标记语言，更纯洁、严格、规范的Html代码
- 基本结构
- 由head、body两部分组成，但外面要加上<html>标签说明是HTML文件
- <!DOCTYPE>必须位于第一行（声明文档类型）
- 8个全局标准属性
- class：不能在<base><head><html><meta><param><script><style><title>使用
- id
- style
- title
- accesskey？
- 制定激活某个元素的快捷键
- 支持的元素<a><area><button><input><label><legend><textarea>
- tabindex？
- 指定元素在tab键下的次序
- 支持元素：<a><area><button><input><object><select><textarea>
- dir？
- 指定元素中内容的文本方向
- 属性 ltr（left to right）, rtl (right to left)
- 不生效元素：<base><br><framest><frameset><hr><iframe><param><script>
- lang？
- 指定元素内容的语言
- 不生效元素：<base><br><framest><frameset><hr><iframe><param><script>
- 全局事件
- Window窗口事件
- onload：页面加载后结束之后触发
- onunload：从页面离开后触发（单机跳转，页面重载，关闭浏览窗口等）
- Form表单事件
- onblur：当元素失去焦点时触发
- onchange：在元素的元素值被改变时触发
- onfocus：当元素获得焦点时触发
- onreset：当表单中的重置按钮被点击时触发
- onselect：在元素中文本被选中后触发
- onsubmit：在提交表单时触发
- Keyboard键盘事件
- onkeydown：在用户按下按键时触发
- onkeypress：按键时触发；Alt ，Shift，Ctrl，Esc不生效
- onkeyup：释放按键时触发
- Mouse鼠标事件
- onclick：单击鼠标触发
- ondblclick：双击时触发
- onmousedown：在元素上按下鼠标触发
- onmouseup：在元素上释放鼠标按钮时触发
- onmousemove：鼠标指针移动到元素上触发
- onmouseout：鼠标指针移出元素时触发
- onmouseover：鼠标指针移到元素上时触发
- Media媒体事件
- onabort：当退出媒体播放器时触发
- onwaiting：当媒体已停止播放但打算继续播放时触发
- Window窗口事件
- 大体包含的标签
- <！DOCTYPE html>
- <html>
- <head>:
- 含多个<meta>
- <meta>两个属性
- <meta charset="UTF-8">
- name：对应值 content
- <meta name="参数" content="具体描述">
- name参数：
- keywords：关键字
- <meta name="keyword" content="香蕉，苹果">
- description：告诉搜索引擎该网页的关键字
- robots：告诉搜索引擎网页是否需要索引
- content的6个参数
- a：默认参数，搜索引擎将索引此网页与继续通过此网页的链接索
- none:搜索引擎将忽略此网页
- index：搜索引擎索引此网页
- noindex：搜索引擎不索引此网页
- follow：搜索引擎继续通过此网页的链接索引搜索其他的网页
- nofollow：搜索引擎不继续通过此网页的链接索引搜索其他的网页
- author，用于标注该网页作者，通常后面也会有邮箱。
- generator，用于标注该网页是什么软件编写的
- copyright，用于标注版权信息
- revisit-after，如果页面不是经常更新，为了减轻搜索引擎爬虫为服务器带来压力，可以设置一个爬虫的重访时间。如果重访时间过短，爬虫将按它们定义默认时间访问
- http-equiv，参数
- content-Type：设定网页字符集，如果国际通用，则尽量用utf-8
- cache-control
- 告知浏览器如何缓存某个响应及缓存多长时间；
- 参数
- no-cache：请求---是否更改---未更改---缓存
- no-store：不允许缓存
- public：缓存所有响应
- private：只为单个用户缓存，不允许任何中继进行缓存
- max-age：表示当前请求开始，相应响应在多久内能被缓存和重用，不重新申请
- expires：设置网页到期时间，过期后必须上服务器重新连接
- refresh：网页将在设定的时间内，自动刷新并转向规定网址
- Set-Cookie：设置网页过期时间，（本地cookies也会被自动删除）时间格式必须使用GMT
- <title>
- <base>：页面上所以连接规定默认地址或默认目标
- <link>：连接CSS样式表
- <meta>:搜索引擎
- <style>:
- <script>用于定义客户的脚本
- <body>
- 无语义元素
- <span>:内联标签，绘制文本
- <div>:块级标签，分类
- 格式化元素
- 普通文本10
- <b>:加粗文本
- <big>:大号字
- <em>:着重文字
- <i>:斜体字
- <small>:小号字体
- <strong>:加重语气
- <sub>:下标字
- <sup>:上标字
- <ins>:插入字
- <del>:删除字
- 计算机文本
- <code>:计算机代码
- <kbd>:键盘输出样式
- <samp>:计算机代码样本
- <tt>:打字机输入样式
- <var>:变量
- <pre>:预格式文本
- <abbr>:缩写
- <address>:地址
- <bdo>:文字方向，使用dir属性，用于表示文字方向，属性值为Itr或者rtl
- <blockquote>：定义长的引用，浏览器通常会从周围内容中分离出来，前后加上一定宽度的缩进
- <dfn>：定义一个概念、项目、缩写、定义等。
- <cite>：定义引用、引证，通常用于著作等。
- 普通文本10
- 图片元素<img>左右排列
- <img src="图片的url（位置）" alt="图像的代替文本">
- height：高
- width：宽
- 超链接元素
- <a>
- target属性：跳转新页面
- 默认_self:在超链接所在框架或窗口中打开目标页面
- _blank:在新浏览器窗口中打开目标页面
- _parent:将项目页面载入含有该链接框架的父框架集或父窗口中
- _top:在当前整个浏览器窗口中打开目标页面，因此会删除所有框架
- target属性：跳转新页面
- <map>
- <area>
- shape属性
- cricle：圆形
- rect：矩形
- poly：多边形
- cords属性
- x,y(圆心坐标),r(半径)
- x1,y1（左上角坐标）；x2,y2(右上角坐标)
- x1,y1;x2,y2;x3,y3......分别为多边形各点坐标
- shape属性
- 文本连接：<a href="地址"></a>
- 锚点连接：<a href="# 对应锚点（自设）"></a>（#只写直接回到顶部）
- 图像连接：<a href="#"><img scr="路径"></a>
- 图像热区连接
- 通过map-----定义image-map（可包含热区<area>）
- E-mail链接
- <a href="mailto:E-mail地址">
- JavaScript链接
- <a href="javascript: ...."></a>
- 空连接
- <a href="#"></a>
- <base href=" 地址" target=" ">管理在body中的href ，target（必须是空）
- <a>
- 无序列表：<ul><li></li></ul>
- item：列表项
- type属性值
- disc点
- spuare方块
- cicrle圆
- none无
- 有序列表：<ol><li></li></ol>
- 定义列表：dl---->dd一级----->dt二级
- 表格
- caption：标题
- th：表头
- tr：行
- td：列
- rowspan：单元格列
- colspan：单元格跨行
- border：边框
- cellpadding：内边距
- cellspacing：外边距
- 表单：form
- input：行内块元素（可以设置宽）
- placeholder：提示语
- name：提交参数
- value：文本框内容
- 通过type属性定义
- type=“text/.....”
- password:密码框
- radio：单击按钮（取一个值时，name相同，checked=“checked”默认选上）
- checkbox：多选按钮（checked=“checked”默认选上）
- submit：提交按钮（只有在form内生效）
- reset:重置（只有在form内生效）
- image：以图片形式提交
- file：选择文件控件
- <label for="引用"></label>
- 行内元素：不能设置宽
- select：定义列表（1级）
- option：定义列表项（次级）
- multiple：选择是多选列表还是单选列表
- size：设置选择围栏高度
- textarea：文本框
- name
- value
- cols：列
- row：行
- input：行内块元素（可以设置宽）
- 预留字符
HTML基本知识点
于 2024-03-14 20:21:47 首次发布
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
