前端基础第一天
一.五大浏览器以及对应的内核
IE,Trident
火狐,Geckeo
谷歌,blik
safari,webkit
Opera,blik
二,Web标准,即组成部分
html,结构
css,样式
js,行为
三,html初识
1.骨架结构(必须清楚)
我们所写的内容全在这个里面
2.开发工具,用sublime
快捷键:- Ctrl + C：复制
- Ctrl + V：粘贴
- Ctrl + X：剪切
- Ctrl + S：保存
- Ctrl + N：新建
- Ctrl + A：全选
- Ctrl + Z：撤销上一个操作
- win + E：打开资源管理器
- Alt + tab：切换程序（注意Alt键不松手）
- Win + D：切换到桌面
- Win + R：快速运行（打开软件）
- cmd：命令行
- calc：运行计算器
- mspaint：运行画图工具
四.html标签
1.标签之间的关系
嵌套关系(父子关系)
并列关系(兄弟关系)
2.标签的分类
单标签,只有一个,如,
双标签,有头有尾,如,
3.常用的标签
h系列标签:
标题标签,加粗加大,独占一行,从1-6依次减小
p标签,段落标签,
段落标签,独占一行
hr标签,水平线
br标签,强制换行
文本格式化标签;
无语义:buis,加粗,下划线,倾斜,删除线
有语义(常用):strong,ins,em,del,加粗,下划线,倾斜,删除线
4.标签的属性
一个标签可以有多个属性,不同属性用空格隔开(规范)
如:
,下划线为红色,长度为400
<img src = "images/1.jpg’>,访问images里的1.jpg图片
5.img图片标签(很重要很重要)
作用:在页面中显示一张照片
代码:
属性: src:图片路径
alr:如果图片加载不出来就显示其中的文字
title:图片的名字,当鼠标悬浮在图片上时会显示
height:图片的高度
width:图片的宽度
路径问题:
绝对路径:带有盘符的路径,如,如:C:\Users\ziyue\Desktop\代码\01.jpg
相对路径:
1.同级目录,直接写对用的目标文件的名字,记得加后缀,如如:<img src =“1.gif>
2.下级目录,先找到同一级别的文件夹名字,再用/找到目标文件,如:
3.上级目录,先用…/跳转出来,再写目标文件,如:<img src =”…/1.gif>
**// 通过 文件名/可以来到下一级目录 通过 ../可以来到上一个目录**