Acwing Web应用第一课笔记

被毕业论文（盲审）和答辩虐完，终于回来了QAQ
资源来自b站大雪菜（其实我还有粉丝牌子嘻嘻嘻）
html，css, js 基础知识
参考网站 MDN Web Docs

1.vscode安装配置

• 安装后加入live server插件（模拟后端）
• auto rename tag插件
• 自动格式化插件

网站入口默认称为index
图片文件夹images
视频文件夹videos
音频文件夹audios

2.HTML基础知识

1. HTML文档是一个树形结构，根节点是html标签

2. 开始和结束标签之间是子节点，同级是兄弟节点

3. HTML结构：
   3.1 head（css样式文件,js文件，标题,meta信息）
   3.1.1 meta-name-content（不能存到常用标签里的, script，charset字符集, description网页描述, keywords关键词）
   
   3.1.2 title（定义标签标题）
   3.1.3 link-ref-herf(当前文件夹下路径 /images/logo.png) (logo)
   3.2 body（内容）

4. 多行注释

5. 标签：
   5.1 div定义一个代码块，有利于整体操作，默认带回车
   5.2 span 行内元素，不带换行
   5.3 h1-h6
   5.4 p 一段文字，加段落间距，过滤空格回车
   5.5 prev 换行，限制字体为等宽字体，不过滤空格回车；
   5.6 特殊字符：大于号&gt， 小于号& lt;
   5.7 br 回车；
   5.8 nbsp 空格
   5.9 hr 水平线
   5.10 i 斜体，strong/b 加粗, del删除线，ins下划线,mark 高亮
   5.11 插入图片image -src(地址，从项目根目录开始)-width(宽度)-alt(当图片无法展示时写的东西)图片是行内的，存不下自动换行
   5.12 音频 audio直接在src里写地址，controls播放；用若干个source-type标签写，按照顺序播放;
   5.13 videos 视频,controls控制栏,width,src, type
   5.14 超链接a（href有协议的网址，内容），target=_blank跳到一个新页面
   5.15 表单form(向服务器提交信息,id绑定输入元素) form-action(页面地址，后端函数)input(type数据种类)
   5.16 label（也能自动提交，和input相似），for是对应id的；向后端传数据时，参数名称是name；maxlength输入最大长度；required必填项；placeholder默认项；
   
   
   5.17 label标签中，radio是语言，name一样的radio构成一组，一组ratio只能选一个，value是值
   
   
   
   5.18 action 表单里的信息提交给哪一个函数，也可以访问链接（路径）；
   
   
   5.19 textarea 多行输入（类似于评论区），rows初始行数，cols初始列数
   
   5.20 select下拉框,selected是默认值
   
   
   5.21列表，有无序列表unordered list (ul)和有序列表 ordered list（ol）
   

相互嵌套


5.22 dl列表：dt是title，dd是description描述，区别是有没有缩进

6. URL的格式：以？为分割点，后面是参数，前面是地址