html基础与编辑器-day01教学课件.ppt

常用： Ctrl+C:复制 Ctrl+V:粘贴 Ctrl+X:剪切 Ctrl+S:保存 Ctrl+A:全选 Ctrl+Z:撤销上一个操作 CTRL＋Y：还原上一个操作 win+E:打开资源管理器 Alt+tab:切换程序(注意整个操作过程alt常按) Win+D(鼠标点击屏幕的右下角)：切换到桌面 Win+R：快速运行，打开软件，cmd命令行等 calc:运行计算器 mspaint:运行画图工具 notepad:运行记事本 。。。。。 Win+L:锁屏。 F5:刷新 Alt +f4:退出程序 其它： Win+数字键：打开/显示超级任务栏第N个图标代表的程序 Win+方向键：最大化、还原/最小化窗口 Ctrl＋Alt＋Del：显示以下选项：锁定该计算机、切换用户、注销、更改密码和启动任务管理器 CTRL＋SHIFT＋ESC：打开任务管理器 * * * 1、总结浏览器的分类 a、主流浏览器：chrome，firefox，Safari，ie，opera，360.··· 2、我们主要使用chrom,firefox浏览器 * 1、什么是浏览器内核 a、也叫渲染引擎、负责解释HTML、css、js并渲染（显示）解析完成后的网页 2、浏览器内核有哪些 a、Trident：ie，Gecko：Firefox，Webkit：Safari、Chrome，Blink：Opera * h1我是h1标签/h1 * 1、什么是Html html是超文本标记语言，可以在浏览器上运行，给文本加上含有语义的标签 2、H1和P标签的表现效果分别是什么 H1标题文字变大变粗 p文本上下有空白距离 * html head title标题/title /head body 内容写在body里面 /body /html * 1、后缀名不改变内容只决定打开方式 2、h1/h1 ……h6/h6 p/p * 1、:80/index.html每部分的意义（资料图） a、http协议 服务器ip地址 ：80端口号 index.html文件名字 b、https、ftp、其中：80是默认端口可以省略不写 2、什么DNS，它的作用是什么（教学资料图） a、DNS可以将域名解析到对应的服务器IP地址，访问域名就能访问到服务器 3、:80/index.html的运行流程（教学资料图） * 1、单标签和双标签 a、双标签：有开始有结束，开始和结束之间是存在内容 b、单标签：只有一个标签，自己闭合自己。 1、 hr水平线和br换行 2、通过sublime来创建一个html页面 a、html：xt+tab键 * 1、html的部分标签 b：加粗 u: 下划线 i: 倾斜 s: 删除线 建议不要使用，因为这些标签没有语义。 strong:加粗 ins:下划线 em:倾斜 del:删除线 可以使用 2、使用W3C手册 * 1、导入文件的两种方式 a、直接拖入编辑器 b、在打开文件中打开 2、sublime的常用快捷键 a、ctrl+n新建文件 html：xt+tab生成结构 b、ctrl+shift+ d复制一行 k删除一行 ↑上移一行 ↓下移一行 * src用于引入图片 img src=‘1.jpg’ / * 1、img的src、alt、title属性的作用 a、src图片路径 b、alt图片显示不出来时候显示的文字 c、鼠标移上图片显示的文字 2、img标签请求图片的过程（资料图） 页面先请求回来，解析遇见img标签又去请求此图片 * 1、绝对路径的写法 a、带有盘符的路径：C:\上课内容\上课视频\01html第一天\1.jpg. 2、相对路径的三种写法 a、如果页面与图片在同一目录下面 直接src=2.jpg b、如果页面在图片一上级目录 img src=”image/2.jpg” / c、如果图片在页面的上一级目录img src=”../2.jpg” / * 1，a标签的普通跳转a href=”页面的路径”点击我这段文字就跳转哦/a * 1、可以不跳转（跳转到当前页面）href=”#” 2、可以跳转到另外的页面。 3、可以在当前页面进行定位。 a.设置a标签的href属性为“#id名”， b.在页面的指定位置加入一个目标标签（可以是任意标签） c.必须给这个标签设置一个id名：p id=”mubiao”这是目标/p 4、在跳转的页面进行定位。a href=”目标页面.html#id名”aa/a 5、可以进行下载。（强烈不推荐使用） * 1、target属性里面的_blank和_self，_