一、Web网站的开发流程
我们在访问的网站的时候，一般就是在浏览器的网址栏里输入对应的域名，再敲个回车，我们就可以访问到我们想要的网站（比如京东）。
这是为什么呢？我们访问的浏览器是一个程序，京东也是一个程序，只是京东在人家电脑上运行着，我们只是远程访问了人家的前端页面。
我们根据下图来讲解一下web网站的工作流程：
我们在浏览器输入我们想要查找的域名，回车（搜索）后，会请求到前端服务器，前端服务器接受到请求后会把相对应的前端代码返回给浏览器，浏览器会自动解析前端代码（因为内置了解析引擎），展示出页面效果。
前端代码里由一句代码会是访问后端服务器的代码，然后浏览器会根据这个路径去（http://localhost:8080/item/selectAll）访问后端浏览器，后端浏览器又会去请求数据库服务器的数据，后端服务器又会将数据再返回给浏览器。
二、web前端开发
（一）总述：
我们所看到的网页都是前端代码经浏览器的转化（解析和渲染）后所展现出来的。
（二）HTML CSS
1.基础标签&样式
（1） 新浪新闻-标题
标题排版
<!-- 文档类型 -->
<!DOCTYPE html>
<html lang="en">
<head><!-- 字符集类型 --><meta charset="UTF-8"><!-- 电脑适配（兼容） --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>焦点访谈：中国底气 新思想夯实大国粮仓</title>
</head>
<body><!--src:图片资源路径 width：宽度 px(像素) % 占父级元素的百分比height:高度 px(像素) % 占父级元素的百分比alt:图片加载失败时显示的文本--><!-- 绝对路径：磁盘路径：D:\learn\web\img\news_logo.png网络路径：https://pics7.baidu.com/feed/f3d3572c11dfa9ec092ecf8a177c720d908fc162.jpeg@f_auto?token=fcab19a61930989e176d8d97fb3c80bd相对路径：./同级目录../上一级目录../../上上级目录--><!-- 不知道为啥：我的绝对路径显示不出来啥 ，后来发现是因为没有open in default browser--><img src="https://pics7.baidu.com/feed/f3d3572c11dfa9ec092ecf8a177c720d908fc162.jpeg@f_auto?token=fcab19a61930989e176d8d97fb3c80bd" alt="这里是网络路径的图片"><img src="D:\learn\web\img\news_logo.png" alt=""><img src="./img/news_logo.png" alt=""></body>
</html>
标题样式
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>焦点访谈：中国底气 新思想夯实大国粮仓</title><!-- 内嵌式 --><!-- <style>/* 标签选择器（或元素选择器） */h1{color: rgb(77, 79, 83);}</style> --><!-- 外联式 --><link rel="stylesheet" href="./css/news.css">
</head>
<body><!-- css引入方式：行内式内嵌式外联式 --><img src="./img/news_logo.png" alt="">新浪政务 > 正文<!-- 行内式 --><!-- <h1 style="color: rgb(77, 79, 83);">焦点访谈：中国底气 新思想夯实大国粮仓</h1> --><h1 >焦点访谈：中国底气 新思想夯实大国粮仓</h1><hr>2023年03月02日 21:50 央视网<hr></body>
</html>超链接
