web初识

web初识
一、web应用的简单认知

1、web应用

以网站为代表的，包含手机app等，目前常见的应用体系

完成web应用开发=开发一大堆的东西之后在逻辑上产生互相关系的web资源

web资源=唯一标识符（URL/网址）、不同的内容类型（文本，图片，视频...）、不同的生成方式（动态vs静态）也就是说存放在网络中其他主机(包含自己主机)上的一些文件

2、web资源中比较重要的3个类型

表达文档结构的 HTML

表达文档样子的 CSS

让前端有逻辑的 JavaScript

3、利用SpringBoot搭建开发环境 +使用chorme开发工具

服务器启动在自己的电脑上就是，所以ip地址就是环回地址(一般就是127.0.0.1)或者使用域名(localhost->127.0.0.1)

Tomcat一般启动在8080端口上(如果启动失败可能是8080端口被占用了)

在浏览器输入127.0.0.1:8080即可访问

启动之后，使用浏览器访问

4、解决idea在创建spring initializer时无法访问的解决方法

可以使用http://start.springboot.io/替代

也可以使用 https://start.aliyun.com/替代

二、HTML、CSS、JS

1、HTML

（Hyper Text Markup Language 超文本标记语言）

逻辑上对文本进行标记，使得普通文本变成超文本

通过标签来进行标记 <标签名称> 被标记的文本内容

例如：

你好
h1:是一级标题

世界
p：是段落标签

<标签名称属性名称1="属性的值" 属性名称2="属性的值">内容

你好

世界

某些标签只有开始标签，没有结束标签。这类标签通过属性表达其功能

<标签名称属性1="..." 属性2="...">

这里推荐一个网站 MDN Web Docs 对于HTML的介绍比较详细

2、简单的HTML页面

HTML页面的基本结构，可以用树的结构理解

整个HTML文档的根元素

关于文档的一些元信息(描述文档，但一般不可见）

描述了这个文档使用的字符集编码

Title 说明文档的标题，显示在浏览器的标签页上

关于这个文档的主体部分(就是在浏览器可以看到的页面信息)

chrome 浏览器的网页的开发者工具会经常用到(ctrl+shift+l)

3、标签的介绍

标题标签 h1—h6

初识云计算.ppt

ppt 0星超过10%的资源 3.77MB

下载

段落标签: p

在HTML文档中，默认模式下，空格(以及制表键\rt,回车)，无论多少个都会视为一个

因此我们就需要按照设计要求用p标签进行段落的划分

换行标签: br

br是break的缩写.表示换行.
●br是一个单标签(不需要结束标签)
●br标签不像p标签那样带有一个很大的空隙

●
是规范写法.不建议写成

格式化标签

加粗: strong 标签和 b 标签

倾斜: em 标签和 i 标签

删除线: del 标签和 s 标签

下划线: ins 标签和 u 标签

注意：在HTML默认情况下，有些标签是自成一体的(本身就是独立的一块，表现为换行)

比如说：h标签，p标签这类元素称为块级元素

而有的标签就是这一行的一部分，典型的strong,em,del,ins 这类元素称为内联元素

多媒体标签

图片

初识InfluxDB

pdf 0星超过10%的资源 258KB

下载

超链接

anchor

显示内容

表
表结构的简单使用
列表标签
有序列表

一、web应用的简单认知

1、web应用

2、web资源中比较重要的3个类型

3、利用SpringBoot搭建开发环境 +使用chorme开发工具

4、解决idea在创建spring initializer时无法访问的解决方法

二、HTML、CSS、JS

1、HTML

你好

你好

2、 简单的HTML页面

3、标签的介绍

2、简单的HTML页面