一、B/S架构
B是browser(浏览器) 用户使用的所有客户端(部分手机app,小程序)都可以把它视为浏览器的一种展示。
S是server(服务器) 。浏览器发出请求,通过http等互联网协议,发送至S端服务器,S端服务器把网页文件发送给前段,B端浏览器收到文件后,浏览器解析成图形界面,可供用户操作。
二、HTML简介
1.HTML 指的是超文本标记语言,它不是一种编程语言,而是一种标记语言,使用标签来描述一个网页。
2.HTML 标记标签通常被称为 HTML 标签 ,由尖括号包围关键词,比如<html>。标签通常成对出现,第一个标签是开始标签,第二个标签是结束标签,比如<html></html>,称之为双标签。而像<meta>这种单个出现的标签,称之为单标签。
3.Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器是根据标签,解释页面内容。
三、HTML页面的基本代码结构
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title></title> 7 </head> 8 <body> 9 10 </body> 11 </html>
1.<!DOCTYPE html>:用来声明文档,也就是告知 web 浏览器当前页面使用了哪种 HTML 版本编写代码,此处使用的是 HTML 5 的版本。声明文档必不可少,而且必须位于 HTML 文档的第一行;
2.<html>:表示页面编写的代码都是 HTML 代码,除了声明文档外的所有代码都必须写在<html></html>中间;
3.<head>:头部标签,<title></title>标题、<style></style>样式、<meta>元标签一般定义在<head></head>中间。
4.<meta>:元标签,提供有关页面的元信息,像定义charset 来定义HTML的编码格式。
5.<title>:页面的标题,<title> </title>内写入的内容即为页面的标题。
6.<body>:“身体”标签,页面绝大多数的内容都在<body></body>之间,像段落、盒子、图片之类的,基本都写在里面。