-
web
-
www----w3、web----万维网
-
Website----网站
-
URL-----网址
-
常见协议
-
file：本地计算机中文件；
-
telent：用户通过一个协商过程与一个远程设备进行通信
-
http：超文本传输协议，万维网服务器---->本地浏览器
-
-
URL参数URL放在后面
-
只能用ASCII字符集通过因特网进行发送
-
-
组成
-
结构标准
-
表现标准
-
行为标准
-
-
浏览器
-
IE
-
Opera
-
Safari
-
Firefox
-
Google Chrome
-
Microsoft Edge
-
-
-
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：当媒体已停止播放但打算继续播放时触发
-
-
-
大体包含的标签
-
<！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>：定义引用、引证，通常用于著作等。
-
-
-
图片元素<img>左右排列
-
<img src\="图片的url（位置）" alt\="图像的代替文本">
-
height：高
-
width：宽
-
-
超链接元素
-
<a>
-
target属性：跳转新页面
-
默认_self:在超链接所在框架或窗口中打开目标页面
-
_blank:在新浏览器窗口中打开目标页面
-
_parent:将项目页面载入含有该链接框架的父框架集或父窗口中
-
_top:在当前整个浏览器窗口中打开目标页面，因此会删除所有框架
-
-
-
<map>
-
<area>
-
shape属性
-
cricle：圆形
-
rect：矩形
-
poly：多边形
-
-
cords属性
-
x,y(圆心坐标),r(半径)
-
x1,y1（左上角坐标）；x2,y2(右上角坐标)
-
x1,y1;x2,y2;x3,y3......分别为多边形各点坐标
-
-
-
文本连接：<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（必须是空）
-
-
无序列表：<ul><li></li></ul>
-
item：列表项
-
type属性值
-
disc点
-
spuare方块
-
cicrle圆
-
none无
-
-
-
有序列表：<ol><li></li></ol>
-
定义列表：dl---->dd一级----->dt二级
-
表格
-
caption：标题
-
th：表头
-
tr：行
-
colspan：单元格跨行
-
-
td：列
-
rowspan：单元格列
-
-
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级）
-
multiple：多选
-
-
option：定义列表项（次级）
-
textarea：文本框
-
name
-
value
-
cols：列
-
row：行
-
-
-
随记-html
最新推荐文章于 2024-07-24 21:11:51 发布
471
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
