（16）html、css、js

一，HTML

全部内容参考这个文档

基本结构

标签

案例

案例

浏览器在解析html页面时，会自动忽略空白字符，连续的空白字符都只解析成一个空格

案例

案例

页面外连接

案例

页面内连接

案例

下载文件

案例

框架布局

案例

结合a标签

跳转时指定

案例

效果

案例

案例

案例

标准表格表示

案例

简化表示

案例

跨列

跨行

案例

二，CSS

理解下各种技术在软件开发中的地位

如果把一个app比作一个人

html

相当于人的各个部位

css

相当于各个部位的装饰

JavaScript

相当于“骨骼肌肉”，能控制部位（html）和装饰（css）

服务器技术

jsp/servlet，smm框架，springboot，springcloud

相当于“灵魂”，能够“交互”

概念

语法

代码格式

选择器｛

属性名：属性值；

属性名：属性值；

属性名：属性值；

...

｝

引入方式

行内式

在标签中使用style属性，直接编写css代码

内嵌式

在head中使用style标签，编写css代码

外链式

在head中使用link标签，引入外部的css文件

注意

1，外链式在实际开发中使用较多，因为可以多个页面共用一个样式，网站风格比较统一

2，优先级原则，作用域越小，优先级越高

选择器

页面元素很多，不好得到，选择可以帮我们快速得到元素

标签选择器

直接使用标签名作为选择器名

id选择器

标签定义id属性，选择器#开头（id一般不允许重复）

类选择器（使用较多）

标签定义class属性，选择器.开头，一般用于选中多个元素

选择器并列

使用逗号，表示并列

包含选择器

使用空格，表示包含

属性

不用死记硬背，会查阅，能看懂，会改动即可

盒子模型

其实就是元素内容和边框的距离，这个在设计领域中用的较多，我们开发人员能看懂即可

iframe

三，JavaScript

概念

java

吸收了java的语法精华，比java简单

script

java是编译型语言，先编译后运行

脚本，不需要编译，逐行解释运行

引入方式

使用script标签

伪url

独立js文件（实际开发中使用）

注意

事件引入

基本语法

95%和java都一样，但是js语法很随意，没有java严格

数据类型

类型转换

字符串转其他类型

其他类型转字符串

运算符

同java，略

流程控制

同java，略

内置对象

数组

java常见集合有List，Set，Map

JavaScript只有一个数组集合，兼顾了list，map的特点

声明方式1

声明方式2

下标可以使用字符串

常用方法

排序