Web从小白到大神Day01 2020.10.6

最新推荐文章于 2026-01-05 08:51:39 发布
原创 最新推荐文章于 2026-01-05 08:51:39 发布 · 260 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

本文介绍了B/S和C/S两种架构的优缺点，B/S常用于企业内部系统，便于维护，如京东、百度；C/S提供更好的用户体验，如QQ、微信。此外，还简单阐述了HTML的基本概念，作为网页开发的基础，其规范由W3C制定，常用开发工具有DreamWeaver、HBuilder。

一.了解系统架构

1.B/S架构（也是我以后走的方向）

Browser/Server（浏览器/服务器的交互形式）

① Browser支持：HTML CSS JavaScript

写HTML CSS JavaScript的这伙人，职位就是WEB前端开发工程师

② Server支持的语言有很多：c c++ Java python等等（我们主要是用Java来完成服务器端的开发）
③B/S架构的优点：升级方便：只需要升级服务器端的代码即可。维护成本低
缺点：速度慢、体验不好，界面不炫酷

但是企业内部的解决方案基本都是采用B/S架构的系统，因为企业内部办公需要的一些系统不需要炫酷，不需要特别好的用户体验，只要能做数据的增删改查即可。并且企业内部更注重维护的成本

④B/S架构的系统代表：京东、百度、天猫。。。。

2.C/S架构

Client/Server（客户端/服务器端的交互形式）

①优点：速度快、体验好、界面炫酷
缺点：升级麻烦，维护成本较高

一般娱乐型的系统多数是C/S架构的

②常见的C/S架构的系统：QQ、微信、支付宝

2.Html简单介绍

1.HTML：Hyper Text Markup Language（超文本标记语言）

由大量的标签组成，每一个标签都有开始标签和结束标签，而且标签里面可能还有属性

2.开发

HTML开发的时候使用普通的文本编辑器就行（DreamWeaver、HBuilder等等是专业的开发工具），创建的文件扩展名是.html或者.htm
直接采用浏览器打开HTML文件就是运行

3.背景

HTML是w3c（世界万维网联盟）指定的。w3c制定了HTML的规范，每个浏览器生产厂家都会遵守规范，HTML程序员也会按照这个规范去写代码。
w3c制定了很多规范，比如HTML/XML/http协议/https协议

4.其他

为了方便中国web前端程序员的开发，w3school和w3cschool提供了大量的帮助文档，为开发提供了方便

[网络安全自学篇] 二十五.Web安全学习路线及木马、病毒和防御初探
杨秀璋的专栏
11-12 3万+
这是作者的系列网络安全自学教程，主要是关于网安工具和实践操作的在线笔记，特分享出来与博友共勉，希望您们喜欢，一起进步。前文分享了分享机器学习在安全领域的应用，并复现一个基于机器学习（逻辑回归）的恶意请求识别。这篇文章简单叙述了Web安全学习路线，并实现了最简单的木马和病毒代码，希望对读者有所帮助。
[网络安全自学篇] 四十八.Cracer第八期——(1)安全术语、Web渗透流程、Windows基础、注册表及黑客常用DOS命令
热门推荐
杨秀璋的专栏
02-21 2万+
这是作者的网络安全自学教程系列，主要是关于安全工具和实践操作的在线笔记，特分享出来与博友们学习，希望您们喜欢，一起进步。前文分享了微软证书漏洞（CVE-2020-0601），并详细讲解了Windows验证机制、可执行文件签名复现及HTTPS劫持。本文将分享另一个主题——Cracer教程，第一篇文章将详细讲解安全术语、Web渗透流程和Windows基础、注册表及黑客常用DOS命令。基础性文章，希望对您有所帮助。
Web从小白到大神Day06 2020.10.10
Android小白
10-10 164
1.什么是CSS？ CSS(Cascading Style Sheet)：层叠样式表语言。 2.CSS的作用？ 修饰HTML页面，设置HTML页面中的某些元素的样式，让HTML页面更好看。 CSS好比是HTML的化妆品一样。 HTML还是主体，CSS依赖HTML。CSS的存在就是修饰HTML，所以新建的文件还是xx.html文件 3.在HTML页面中嵌套使用CSS的三种方式？ ①在标签内部使用style属性来设置元素的CSS样式，这种方式称为内联定义方式。 语法格式： <标签 style="样式名:样
Web从小白到大神Day05 2020.10.10
Android小白
10-10 133
1.id <!DOCTYPE html> <html> <head> <title>id</title> </head> <body> <!-- 1.在HTML文档当中，任何元素（节点）都有id属性，id属性是该节点的唯一标识。所以在同一个HTML文档当中id值不能重复(注意表单提交数据的时候只和name有关系，和id无关)。 2.id是为了让我们更方便的获取这个元素或节点。我们后面要学的Java
Web从小白到大神Day10 2020.10.15
Android小白
10-15 141
一.JS数据类型之Object类型 <!DOCTYPE html> <html> <head> <title>Object类型</title> </head> <body> <!--1.Object类型是所有类型的超类，自定义的任何类型，默认继承Object 2.Object类只需要掌握prototype属性即可 3.自己定义的类默认继承Object，所以自己定义的类中也有prototy
Web从小白到大神Day13 2020.10.18
Android小白
10-18 189
一.字符串的trim函数 <!DOCTYPE html> <html> <head> <title>字符串的trim()方法</title> </head> <body> <script type="text/javascript"> //低版本的IE浏览器不支持字符串的trim()函数，怎么办？ //可以自己对String类扩展一个全新的trim()函数 String
Web从小白到大神Day14 2020.10.19
Android小白
10-19 164
一.复选框的全选和取消全选 <!DOCTYPE html> <html> <head> <title>复选框的全选和取消全选</title> </head> <body> <script type="text/javascript"> window.onload=function(){ //获取全选框 var checkAll = document.getElem
Web从小白到大神Day09 2020.10.14
Android小白
10-14 138
ES6版本之前的数据类型有6种，ES6版本及之后包括的数据类型有7种 一.JS数据类型之Undefined <!DOCTYPE html> <html> <head> <title>Undefined类型</title> </head> <body> <!--Undefined类型只有一个值，这个值就是undefined 当一个变量没有手动赋值，系统默认赋值undefined
Web从小白到大神Day04 2020.10.9
Android小白
10-09 188
表单 1.表单有什么用处？ 收集用户信息，表单展现之后，用户填写表单，点击提交按钮提交数据给服务器 2.使用 使用form标签画表单。 表单最终是需要提交数据给服务器的，form标签有一个action属性，这个属性用来指定服务器地址。和超链接中的href属性一样，都可以向服务器发送请求（request） 3.使用示例1.0 <form action="http://191.222.222.2:8080/a/a"> <!--画一个提交按钮，这个按钮可以提交表单--> &lt
Web从小白到大神Day15 2020.10.20
Android小白
10-20 192
一.JSON 1.什么是JSON？有什么用？ JavaScript Object Notation（对象标记），是一种标准的轻量级的数据交换格式，在JS中以JS对象的形式存在。 JSON最主要的作用是进行数据交换：它是一种标准的数据交换格式（目前非常流行，90%以上的系统，系统A与系统B交换数据的话，都是采用JSON） 2.特点：体积小，易解析 3.XML和JSON 在实际的开发中有两种数据交换格式使用最多，其一是JSON，另一个是XML ①XML体积较大，解析麻烦，但是语法相当严谨（通常银行相关的系统之
Web从小白到大神Day12 2020.10.17
Android小白
10-17 176
一.DOM和BOM介绍 1.JavaScript包括三大块： ①ECMAScript：JS的核心语法。（ES规范/ECMA-262标准） ②DOM：Document Object Model（文档对象模型，对网页当中的节点进行增删改的过程）HTML文档被当作一棵DOM树来看待。 ③BOM：Browser Object Model（浏览器对象模型） 比如关闭浏览器窗口，打开一个新的浏览器窗口，后退、前进、浏览器地址栏上的地址等，都是BOM编程 2.BOM和DOM的区别和联系 BOM的顶级对象是window D
[网络安全自学篇] 五十六.i春秋老师分享小白渗透之路及Web渗透技术总结
杨秀璋的专栏
03-05 2万+
这是作者的网络安全自学教程系列，主要是关于安全工具和实践操作的在线笔记，特分享出来与博友们学习，希望您们喜欢，一起进步。前文讲解了Windows漏洞利用知识和DEP堆栈执行保护机制，通过构造ROP链来绕过DEP保护，并编写漏洞利用脚本并实现自动化攻击。本文将分析i春秋YOU老师的小白渗透之路，并结合作者系列文章总结Web渗透技术点，非常适合初学者学习，希望对您有所帮助~
[网络安全自学篇] 六十.Cracer第八期——(2)五万字总结Linux基础知识和常用渗透命令
杨秀璋的专栏
03-19 1万+
作为Web渗透的初学者，Linux基础知识和常用命令是我们的必备技能，本文详细讲解了Linux相关知识点及Web渗透免了高龄。如果想玩好Kali或渗透，你需要学好Linux及相关命令，以及端口扫描、漏洞利用、瑞士军刀等工具。安全领域通常分为网络安全（Web渗透）和系统安全（PWN逆向）两个方向。非常基础的一篇文章，希望能够帮助到您！
[网络安全自学篇] 七十九.Windows PE病毒原理、分类及感染方式详解
杨秀璋的专栏
05-20 1万+
这是作者网络安全自学教程系列，主要是关于安全工具和实践操作的在线笔记，特分享出来与博友们学习，希望您喜欢，一起进步。前文分享了XSS跨站脚本攻击案例，主要内容包括XSS原理、不同类型的XSS、XSS靶场9道题目、如何防御XSS。这篇文章将介绍Windows PE病毒， 包括PE病毒原理、分类及感染方式详解，并通过案例进行介绍。基础性文章，希望对您有所帮助~
使用 HTML + JavaScript 实现滑动验证码
bjzhang75的博客
12-30 719
使用 HTML + JavaScript 实现滑动验证码
HTML 模块化方案
网络风云的博客
12-31 333
在 FastAPI 中拆分大型 HTML，推荐使用 Jinja2 模板引擎，它既支持模板继承又支持独立运行。这种方案既保证了运行流畅（通过模板继承和缓存），又能让组件独立运行（通过条件判断）。│ │ ├── header.html # 可独立运行。│ │ ├── sidebar.html # 可独立运行。│ │ └── footer.html # 可独立运行。3. 独立可运行的组件（header.html）sidebar.html（独立可运行）FastAPI 路由。
前端面试题：为什么说理解HTML语义化很重要？
u011286604的博客
12-30 229
HTML语义化是指使用恰当的HTML标签描述内容含义，而非仅用于样式效果。其重要性体现在：1) 提升代码可读性和可维护性，使结构更清晰；2) 优化SEO，帮助搜索引擎理解页面内容；3) 增强可访问性，使屏幕阅读器等辅助技术能正确解析；4) 提高开发效率和页面性能。常见语义化标签包括<header>、<nav>、<article>等结构标签，以及<h1>-<h6>、<p>等文本标签。最佳实践包括正确使用标题层级、列表标签、表单关联等。在面
【鸿蒙】web 加载vue dist 包里的 html
最新发布
产品：SmartApi；服务：大前端++；其他技术分享
01-05 135
下面给你「带进度条 + 判断 index.html 已存在则跳过解压」的完整可运行版本，直接替换即可通过 ArkTS 校验。
html\css\js（一）
gaxing4615的博客
01-04 223
事件发生以后，会作为一个参数传递给监听函数。
大神早起打卡赚钱2.53.4全开源版的安装与更新教程
资源摘要信息:"大神早起打卡赚钱2.53.4全开源版安装更新一体包.zip" 从给定的文件信息中，可以推断出以下知识点： 1. 应用程序的版本：文档中提到的版本号是2.53.4，说明这是一个具有特定版本的软件应用程序。 2....
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值