Javaweb_day01

要学就学灰太狼

已于 2022-07-16 09:03:57 修改

阅读量160

点赞数

分类专栏： JavaWeb 文章标签：前端 javascript java

于 2022-02-04 11:13:57 首次发布

本文链接：https://blog.csdn.net/weixin_60766221/article/details/122779980

版权

JavaWeb 专栏收录该内容

20 篇文章 3 订阅

订阅专栏

1. B/S 软件开发架构简述

1.1 Java Web 技术体系图-一图胜千言

在这里插入图片描述

1.2 B/S 软件开发架构简述

1.2.1 B/S架构

B/S框架，意思是前端(Browser 浏览器)和服务器端(Server)组成的系统的框架结构
B/S架构也可理解为web架构，包含前端、后端、数据库三大组成部分
示意图，看前面的图即可

1.2.2 前端

前端开发技术工具包括三要素：HTML、CSS 和 JavaScript，还有很多高级的前端框架，如 bootstrap、jquery，VUE 等

1.2.3 后端

后端开发技术工具主要有：Net、JAVA、PHP, Go 等

1.2.3 数据库

主流的三种关系型数据库：Mysql、SQLserver、Oracle
还有 Nosql 非关系型数据库：Redis、Mogodb 等

2. HTML

2.1 官方文档

2.1.1 地址:

链接: https://www.w3school.com.cn/html/index.asp

2.1.3 离线文档

W3School 离线手册(2017.03.11 版).chm

2.2 网页

2.2.1 网页的组成

在这里插入图片描述

2.2.2 案例演示

链接: https://www.jd.com/.

在这里插入图片描述

特别说明：
- 火狐浏览器进入到调试页面快捷键：ctrl + shift + i
- 谷歌浏览器进入到调试页面快捷键：ctrl + shift + i

2.3 HTML 介绍

2.3.1 HTML 是什么？

HTML（HyperText Mark-up Language）即超文本标签语言(可以展示的内容类型很多)
HTML 文本是由 HTML 标签组成的文本，可以包括文字、图形、动画、声音、表格、链接等
HTML 的结构包括头部 (Head)、主体 (Body) 两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容

2.3.2 HTML 运行方式

1. 本地运行

在这里插入图片描述

浏览器使用情况分布

链接: http://tongji.baidu.com/data/.

在这里插入图片描述

2. 远程访问

在这里插入图片描述

2.4 HTML 快速入门

2.4.1 使用 idea 编写 hello.html，运行效果

第1步. 先创建工程

在这里插入图片描述

第2步. 创建 html 页面

在这里插入图片描述

<!--文档类型说明 注释 -->
<!DOCTYPE html>
<!--使用语言的地区 en 表示英国美国 en-US-->
<html lang="en">
<!--html 头-->
<head>
<!--charset 文件的字符集-->
    <meta charset="UTF-8">
    <!--文件标题-->
    <title>hello</title>
</head>
<!--body 体，主体部分-->
<body>
<!--内容-->
虎年虎虎生威~
</body>
</html>

2.4.2 注意事项和细节

HTML 文件不需要编译，直接由浏览器进行解析执行
可以选择的浏览器，是你电脑安装有的浏览器, 如果没有安装这个浏览器，会报错

要学就学灰太狼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Javaweb_day01

1. B/S 软件开发架构简述1.1 Java Web 技术体系图-一图胜千言1.2 B/S 软件开发架构简述1.2.1 B/S架构B/S框架，意思是前端(Browser 浏览器)和服务器端(Server)组成的系统的框架结构。B/S架构也可理解为web架构，包含前端、后端、数据库三大组成部分。示意图，看前面的图即可1.2.2 前端前端开发技术工具包括三要素：HTML、CSS 和 JavaScript，还有很多高级的前端框架，如 bootstrap、jquery，VUE 等。1.
复制链接

扫一扫