前端学习笔记--HTML基本（一）
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1.HTML概述</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> HTML<span style="color: black;">做为</span>前端必学的一门技术，<span style="color: black;">重点</span>负责的是搭建网页的结构，通俗的说，HTML其实<span style="color: black;">便是</span>用来制作网页的。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网页的<span style="color: black;">构成</span>（一）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 前端三层：HTML（结构层）、CSS（样式层）、JavaScript(<span style="color: black;">行径</span>层)</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网页的<span style="color: black;">构成</span>（二）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 其他多媒<span style="color: black;">身体</span>容：<span style="color: black;">照片</span>、视频、音频、超链接等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">所有的网页文件都是真实的、物理存在的文件。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">2.互联网原理 </h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 这些网页文件是<span style="color: black;">怎样</span><span style="color: black;">经过</span>互联网<span style="color: black;">供给</span>用户观看<span style="color: black;">运用</span>的？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">程序员将网页源文件<span style="color: black;">经过</span>ftp等软件上传到服务器进行存储，用户后期<span style="color: black;">经过</span>客户端（如浏览器软件）发送HTTP请求到服务器，服务器接收请求后进行响应，将存储的<span style="color: black;">关联</span>文件<span style="color: black;">经过</span>HTTP响应回传到用户本地客户端，<span style="color: black;">最后</span><span style="color: black;">经过</span>客户端将网页文件进行渲染，<span style="color: black;">表示</span>出<span style="color: black;">最后</span>用户看到的网页效果。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-0830210379e6cfcea2f3ac98857a4e8e_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>互联网运行过程<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">服务器</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 服务器（server），是<span style="color: black;">供给</span>计算服务的设备。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 功能：<span style="color: black;">针对</span>WEB来讲，用于存储网页数据，且<span style="color: black;">必须</span>响应服务请求，并进行处理。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">形成</span>：<span style="color: black;">包含</span>处理器、硬盘、内存、系统总线等，和通用的计算机架构类似，<span style="color: black;">然则</span><span style="color: black;">因为</span><span style="color: black;">必须</span><span style="color: black;">供给</span>更<span style="color: black;">靠谱</span>的服务，<span style="color: black;">因此呢</span>在处理能力、稳定性、<span style="color: black;">靠谱</span>性、安全性、可扩展性、可管理性等方面<span style="color: black;">需求</span>较高。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 云服务器（Elastic Compute Service, ECS)：是一种简单<span style="color: black;">有效</span>、安全<span style="color: black;">靠谱</span>、处理能力可弹性伸缩的计算服务。其管理方式比<span style="color: black;">理学</span>服务器更简单<span style="color: black;">有效</span>。用户<span style="color: black;">没</span>需提前购买硬件，<span style="color: black;">就可</span><span style="color: black;">快速</span>创建或释放任意多台云服务器。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">对服务器的<span style="color: black;">需求</span>：<span style="color: black;">针对</span>网站服务器<span style="color: black;">来讲</span>，为了让用户随时进行<span style="color: black;">拜访</span>，<span style="color: black;">必要</span>24小时不间断工作。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">客户端</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 客户端（Client）<span style="color: black;">亦</span>叫用户端，<span style="color: black;">指的是</span>与服务器相对应，为客户<span style="color: black;">供给</span>本地服务的程序。客户端分为多种，<span style="color: black;">这里</span><span style="color: black;">咱们</span>以web客户端为例。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> Web客户端<span style="color: black;">重点</span>指web浏览器(Browser)，是一种用于检索并展示万维网信息资源的应用程序。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">功能：用于发送HTTP请求到服务器，接收服务器发回的HTTP响应，渲染HTML网页。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">主流的Web页面浏览器</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 微软的IE和Microsoft Edge、Mozilla的Firefox、苹果<span style="color: black;">机构</span>的Safari、Google的Chrome及Opera软件<span style="color: black;">机构</span>的Opera。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-5a9a9c9f4a85fd170dd2760c375ed0ef_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>主流Web浏览器<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">主流浏览器内核</p>
i免费外链发布平台 http://www.fok120.com/
页:
[1]