WEB前端初学者笔记(1)--基础知识以及代码结构


 一、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>之间,像段落、盒子、图片之类的,基本都写在里面。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM