开始温习以前学习的web知识
希望可以更进一步
写此博客用于记录自己的学习进度
如果有需要的小伙伴,也可以跟着我的进度一起学习,一起进步
此次学习用的编辑软件是vscode
如有错误,欢迎指出,共同进步
1.web的组成:结构(html)表现(css)行为(js)
2.打开控制台的方式
1.浏览器–》右键–》检查 2.ctrl+shift+i 3.f12(fn+f12)
3.html
html:超文本标记语言
html5:html的第五次重大修改
html的作用:用来搭建网页的结构
4.代码编辑工具
vscode hbuild webstom sublime nodepad++ dreamweare 记事本等
5.vs的快捷键
创建一个html的基本结构 !+tab
快速创建标签 标签名+tab
同时创建多级标签 ul>li+tab
同时创建多个标签 div个数+tab ul3>li*4
创建标签的同时添加内容 div{内容}*5 div{$内容}*5在内容前会有序号
创建标签的同时给元素添加class选择器 标签.选择器名 .class名称 默认是div标签
创建标签的同时给元素添加id选择器 标签#选择器名+tab
创建标签的同时给元素添加属性 标签名:属性值
注释的快捷键 ctrl+/
6.doc命令
调出doc界面 win+r调出运行面板输入cmd
查看ip 输入ipconfig
进入其他盘符 盘符+回车
查看盘符目录 dir
7.常用的文件扩展名
图片:jpj gif png 图片源文件psd
视频:ogg mp4 webm
音频:mp3 MP4 ogg
压缩文件 zip rar
flash的源文件 fla
flash文件swf
8.组织名称
w3c:万维网联盟
9.html的基本结构
<!-- 声明文档类型 -->
<!DOCTYPE html>
<!-- html根标签 -->
<html lang="en">
<!-- head头部信息 -->
<head>
<!-- 编码格式 -->
<meta charset="UTF-8">
<!-- 页面信息 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 视口 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 网页标题 -->
<title>Document</title>
<!-- 关键字 -->
<meta name="keywords" content="">
<!-- 描述信息 -->
<meta name="description" content="">
<!-- 网页的作者 -->
<meta name="author" content="">
<!-- 更改网页的页签 -->
<link rel="icon" href="">
<!-- 外部样式表 -->
<link rel="stylesheet" href="">
<!-- 内部样式表 -->
<style></style>
<!-- 引入外部js -->
<script src=""></script>
<!-- 内部js -->
<script>
</script>
<!-- 设置网页的超链接 -->
<!-- 如果超链接没有设置链接,则打开下面的链接 target打开窗口方式-->
<base href="http://www.baidu.com">
</head>
<!-- body主体内容 -->
<body>
<a href="">首页</a>
<a href="">哈哈</a>
<a href="">估计</a>
<a href="">你</a>
<a href="http://www.sina.com.cn">注意</a>
</body>
</html>
dtd严格型》过渡型》框架型 xhtml》html
10.HTML的基本语法
双标签(常规标签):<标签 属性=“属性值” 属性=“属性值”></标签>
单标签:<标签 属性=“属性值”>
注意点:尖括号里的第一个单词叫做标签标记或者元素
属性和标签之间存在空格 一个标签可以有属性也可以没有属性 还可以同时存在多个属性不分先后顺序
单标签结束必须有反斜杠(xhtml要求) html可有可无 不影响最终的显示效果
属性和属性值用等号连接 属性值写在引号里面 必须是英文的引号 可单可双
11.注释
注释是对一段代码的解释 不会显示在前台页面
12.编码字符集
gb2312 一个汉字占两个字节
utf-8 一个汉字占三个字节
注意编辑器的编码格式要与文件的保持一致