计算机的快捷键
复制:ctrl+c
粘贴:ctrl+v
剪切:ctrl+x
保存:ctrl+s
撤销上一步操作:ctrl+z
win+E: 打开资源管理器
alt+tab:切换程序(注意整个过程按着alt)
ctrl+tab:在程序内快速切换
win+D(鼠标点击屏幕的右下角):切换到桌面
win+R:快速运行,打开软件,cmd命令等
calc:运行计算器
mspaint:运行画图工具
notepad:运行记事本
osk:虚拟键盘
运行cmd,然后屏幕输入:ipconfig -all(横线前面一个空格),查找电脑的物理地址(mac地址)
win+L:锁屏
F5:刷新
alt+f4:关闭当前程序
win+数字:打开任务栏第n个程序
浏览器快捷键
ctrl+r:快速刷新页面
ctrl+l:快速定位到地址栏
ctrl+t:快速打开一个新的页面
ctrl+shift+t:打开之前关闭的页面
五大浏览器
IE
内核:trident
chrome
内核:blink
firefox
内核:Gecko
opera
内核:blink
safari
内核:webkit
注意:一般页面要用:IE、Chrome、Firefox三个浏览器测试
web标准
结构标准
XML和XHTML
结构用于对网页元素进行整理和分类
样式标准
CSS
表现用于设置网页元素的版式、颜色、大小等外观样式
行为标准
DOM和ECMAScript
行为是指网页模型的定义及交互的编写
html的概念
一种以标签或者标记为语言和浏览器做沟通
HTML的基本结构
<!DOCTYPE HTML>
<html>
<head>
<tittle></tittle>
</head>
<body></body>
</html>
HTML结构中每个标签 的作用
html标签
跟节点,页面上所有的标签都放在其内
head标签
用于存放title,meta,base,style,script,link
注意在head标签中我们必须要设置的标签是title
title标签
设置页面的标题
body标签:
页面在的主体部分,用于存放所有的HTML标签:
p,h,a,b,u,i,s,em,del,ins,strong,img
字符集、字符编码
utf-8
目前最常用的字符集编码方式
gb2312
简单中文 包括6763个汉字
GBK
包含全部中文字符 是GB2312的扩展
排版标签
标题标签
h系列标签 (h1-h6)
特点:数字越大,字体越小
注意:一个页面只能有一个h1标签,一般是给logo使用
注释标签
语法
<!-- 注释语句 -->
快捷键: ctrl+/
注释内容不会显示在浏览器窗口中
注意: 一般建议写代码时多写注释
段落标签:p
语法: <p> 文本内容 </p>
横线标签:hr 单标签
换行标签:br 单标签
文本格式化标签
有语义的标签
加粗:strong
斜体:em
删除线:del
下划线:ins
没有语义的标签
加粗: b
斜体: i
删除线:s
下划线:u
推荐使用:strong,em del ins
图片标签:img
src:存放图片的路径
绝对路径
相对路径 (常用)
alt:图片加载失败,提示用户 (这个必须设置)
title:给图片加标题 (鼠标悬停在图片上的提示词)
width:设置图片宽度 (通常宽和高只设置一个,不会改变图片的高宽比)
height:设置图片高度
border:设置图片边框
超链接、锚链接 a标签
标签属性
href:存放要跳转的页面的路径
url地址或者任意可以在网页打开的文件的路径
target:设置页面的打开方式
_blank: 在新的标签页打开
_self: 在当前标签页打开
作用
1.实现空链接(当前页面跳转)
格式: <a href="#">内容</a>
2. 实现页面跳转
格式: <a href="网址或者路径">内容</a>
3.实现当前页面定位
格式:1.<a href="#id名">内容</a>
2.给要跳转的内容设置一个id名
4。实现跳转页面定位
格式: 1.<a href="要去的页面的地址+#+要去的位置的id">内容</a>
2.给要跳转的内容设置一个id名
5.下载
格式: <a href="下载文件的路径">下载</a> 强烈不推荐使用
6.JavaScript:;
英文状态下的符号
禁止a标签的默认跳转行为,页面也不刷新
注意: 如果当时没有确定链接目标时,通常将链接标记的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。
不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。
base
设置整体链接的打开状态
属性:target
位置: head标签内部,tittle标签下面
特殊符号
空格:
<: <
>: >
¥: ¥