001-简介前端开发前端学习内容学习顺序002-认识两位先祖图灵 人工智能之父 研究出图灵机冯诺依曼 现代计算机之父 提出二进制 明确计算机组成部分 制定现代计算机标准003-计算机基础计算机 硬件 CPU 内存 硬盘 键盘 鼠标 音箱 显示器.......中央处理器 存储器 输入设备 输出设备内存 暂时性存储 读写速度快 通俗能同时玩几个游戏取决于内存的大小硬盘 持久化储存 容量大 换算关系1024GB1TB 通俗能安装多少个游戏取决于硬盘的大小004-CS架构与BS架构C客户端 自我理解CS即客户端与服务器为集合的架构B浏览器S服务器对服务器理解CS和BS对比得出看似BS更好实际一个都不能抛弃。大型专业应用安全性要求较高的应用还要采用CS架构005-浏览器相关知识浏览器内核浏览器的核心用于处理浏览器所得到的各种资源五大浏览器 四大内核006-网页相关知识网址 网页xn 构成了网站一个网页的构成部分007HTML简介HTML发展历史009-HTML初体验变网页——文件格式——后缀改为.html即变为网页marquee任意字符/marquee 源代码——经网页渲染后变成页面marquee任意字符/marquee 滚动浏览器网页看代码查看网页源代码010-HTML标签input 输入框marquee任意字符 input/marquee层次marquee任意字符input/marqueeinput注意前面四个空格嵌套和并列关系缩进Tab其他注意事项011HLMT标签属性marquee loop“1” bgcolor“green”任意字符input type“password”/marqueeloop 循环 bgcolor 背景色注意loop bgcolor对于input不可用 type可用标签详解input dsiableddisabled 禁用注意点012-HTML基本结构基本结构htmlhead/headbodymarquee任意字符/marqueebody/html处理前代码查询右键“检查”htmlheadtitle我的网页/title/head/html注意013-安装vscode014-安装liveserver插件015-HTML注释对代码进行解释!--我是注释--自我编写代码016-文档声明!DOCTYPE htmlH5声明017-HTML字符编码编码与解码原则1原则2代码018-设置语言按住shift 强刷拓展知识019-HTML标准格式按TAb可以直接输入代码ctrlshiftk 快速删除一行代码ctrlz 撤销输入再按回车生成代码!DOCTYPE htmlhtml langzh-CNheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title/headbody/body/html报错想呈现图标未成功点击1按住shift全选放进文件夹“移动”注意图标不能放进1文件夹中020开发者文档标签页面学习网站W3School MDN021-HTML排版标签h1~h6 六级标题h1标题最重要在整个body里面段落标签 无加粗 有间隔p/pdiv 用于统一管理段落p里面不能套h1 不能套p div快速换行并不断开ctrlshiift总结022-HTML语义化标签h1放大效果不重要CSS可以随意改变但不能随意改变标签语义最重要优势023-块级元素和行级元素body内标签marquee跑马灯效果 loop循环 bg背景颜色 h1.....快速向下复制一次代码快捷键shiftalt向下键复习ctrlshift快速删除发现除了input都是独占一行独占一行块级元素 多个站一行行内元素span 行级元素 input也是行级元素块元素:h1-h6 div p ulmarquee已被废弃不建议写024-常用的文本标签025-不常用的文本标签备注026-图片标签新标签img srg altsrg为图片路径同级直接写图片名称alt作用搜索引擎可以通过这个得知图片的内容width宽 height高 例300×300 单位pximg行内元素