1 web组成
html 结构 css 表现 行为 Javascript
打开浏览器后台 f12 或者 fn+f12 右键打开检查
2 纯文本 :只保存文字内容,为记事本文件,扩展名是.txt
html是纯文本文件,体积小
3 相关名词
html:超文本标记语言
xhtml:可扩展的超文本标记语言
w3c:万维网联盟(规定html和css语言的语法规范)
ECMA:欧洲电脑网商联合会(规定js语法规范)
4 编辑工具 :
vs code 、hbu 、dw、nodepad++、记事本
5 前端工程师的一天
晨会 开发 其他会议 突发事情 高优先级处理
6 浏览器控制台
elements 查看基本结构、html标签和html属性
styles:css样式所在
computed:计算后的样式
console:控制台,用来调试Javascript
sources:查看资源文件,如html、css、js、图片文件等
network:网络请求
7 快捷键
创建html骨架:!+tab或者回车
创建标签:标签+tab或者回车
创建多个相同标签:标签*个数+tab
创建标签同时添加内容:标签{内容}*个数
向上移动 alt+↑ 向下箭头 alt+↓
按住alt逐个选择可以同时控制多个进行操作
新建 Ctrl+n
打开 Ctrl+o
保存 Ctrl+s
另存为 Ctrl+shift+S
全选 Ctrl+a
剪切 Ctrl+x
复制 Ctrl+c
粘贴 Ctrl+v
查找替换 Ctrl+f
注释 Ctrl+/
8 dos 命令
win+r,输入cmd,回车
查看IP地址:ipconfig(看ipv4)
进入其他盘符:盘符名:回车即可
查看当前盘符目录: dir
进入文件:cd 文件名
9 常用文件扩展名
图片:png jpg gif svg
视频:mp4 ogg webm
音频 :mp4 mp3 ogg
压缩文件:zip rar
网页:html
css文件:css
js文件:js
10 DTD:声明文档类型,不能没有
xhtml优先级比html高
严格型>过渡型>框架型
11 html的基本语法
双标签(常规标签)
<标签 属性=''属性值'' 属性=''属性值''></标签>
单标签(空标签)
<标签 属性=''属性值''>
注意点:尖括号里的第一个单词叫做标签、标记或元素。
属性和标签之间存在空格
一个标签可以同时存在多个属性,属性不分先后顺序
属性值必须写在引号里(引号单双都可以,必须是英文模式)
中文“ ” 英文 " "
单标签必须要有结束的反斜杠(xhtml的要求,html是可有可无)
12 html的骨架
根标签 头部信息meta 字符集 关键字 描述信息 作者 页面相关内容 视口
style 内部样式表
link 外部样式表 网页的页签图标
script 引入外部js 添加内部js
title 网页的标题
basa 设置网页中的超链接
打开方式为target 值为_blank在新的窗口打开
href 超链接的链接地址
主体内容\