网络传输的三大基石
三大基石:
URL,HTTP协议,HTML
URL:
在WWW上,每一信息资源都有统一的且在网上唯一的地址, 该地址就叫URL(Uniform Resource Locator,统一资源定位符), 它是WWW的统一资源定位标志,就是指网络地址。
HTTP协议:
http是一个简单的请求-响应协议,它通常运行在TCP之上。 它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。 请求和响应消息的头以ASCII码形式给出; 而消息内容则具有一个类似MIME的格式。 这个简单模型是早期Web成功的有功之臣,因为它使得开发和部署是那么的直截了当。

HTML:
HTML称为超文本标记语言。
什么是HTML
HTML 指的是超文本标记语言: HyperText Markup Language
超文本: 普通人 vs 超人(比普通的人厉害) 普通文本 vs 超文本(比普通的文本厉害)
标记: 标记=标签 标签: 由尖括号包围起来的关键词 分类:双标记标签/封闭类型标签 单标记标签/非封闭类型标签
语言:HTML是一个描述网页的语言
总结:学习HTML就是学习各种各样的标签,然后组成一个页面,这个页面可以被浏览器解析,解析完以后可以在浏览器中将页面进行展示。
HTML的作用: 学习HTML就是学习各种各样的标签,然后组成一个页面,这个页面可以被浏览器解析,解析完以后可以在浏览器中将页面进行展示。
HTML的标准结构
1】先用普通文本文档新建一个文本,将文本的后缀改为.html 或者 .htm (大小写不区分) 【2】编辑:标准结构: this is my first html.... 【3】运行界面: 让浏览器解析:直接用浏览器将文件打开即可: 【1】html标签 定义 HTML 文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其它元素要包裹在它里面,标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。 【2】head标签---》里面放的是页面的配置信息 head标签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分:
、<meta>、<link>、<style>、 <script>、 <base>。 应该把 <head> 标签放在文档的开始处,紧跟在 <html> 后面,并处于 <body> 标签之前。 文档的头部经常会包含一些 <meta> 标签,用来告诉浏览器关于文档的附加信息。 【3】body标签---》里面放的就是页面上展示出来的内容 body 元素是定义文档的主体。body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)body是用在网页中的一种HTML标签,标签是用在网页中的一种HTML标签,表示网页的主体部分,也就是用户可以看到的内容,可以包含文本、图片、音频、视频等各种内容!</p><p>
<strong>版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。</strong>
</p><p>
<strong>版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。</strong>
</p></div>
<div class="article_footer clear">
<div class="fr tag">标签:<a href="https://www.huoban.com/news/tags-16.html">服务器</a>
<a href="https://www.huoban.com/news/tags-4937.html">关键词</a>
<a href="https://www.huoban.com/news/tags-2680.html">客户端</a>
</div>
<div class="bdsharebuttonbox fl share">
<div class="share-widget fl">
<div class="social-share" data-sites="wechat,weibo, qq, qzone"></div>
</div>
</div>
</div>
<!-- 广告位ad4 -->
<div class="post-navigation clear">
<div class="post-previous fl">
<span>上一篇:</span><a href="https://www.huoban.com/news/post/67216.html">excel如何快速加负号?(如何在excel数字前加负号)</a>
</div>
<div class="post-next fr">
<span>下一篇:</span><a href="https://www.huoban.com/news/post/85156.html">在wps表格中如何分列数据(wps数据分列在哪里)</a>
</div>
</div>
</div>
<div class="related_article">
<div class="box_title clear">
<span><i class="icon fa fa-paper-plane"></i>相关文章</span>
</div>
<div class="related_list clear">
<article class="fl">
<div class="related_img"><a href="https://www.huoban.com/news/post/16188.html"><img src="https://www.huoban.com/news/zb_users/cache/ly_autoimg/m/MTYxODg.jpg"></a></div>
<div class="related_detail">
<h3><a href="https://www.huoban.com/news/post/16188.html" title="使用<a target="_blank" href="https://www.huoban.com/news/tags-373.html"style="font-weight:bold;">机器人</a>操作系统ROS 2和仿真软件Gazebo 9服务进阶实战(八)- mobot行驶至目标位置">使用<a target="_blank" href="https://www.huoban.com/news/tags-373.html"style="font-weight:bold;">机器人</a>操作系统ROS 2和仿真软件Gazebo 9服务进阶实战(八)- mobot行驶至目标位置</a></h3>
<div class="meta">
<span><i class="fa fa-eye"></i>698</span>
<span><i class="fa fa-clock-o"></i>2025-04-03</span>
</div>
</div>
</article>
<article class="fl">
<div class="related_img"><a href="https://www.huoban.com/news/post/9490.html"><img src="https://www.huoban.com/news/zb_users/cache/ly_autoimg/o/OTQ5MA.jpg"></a></div>
<div class="related_detail">
<h3><a href="https://www.huoban.com/news/post/9490.html" title="HTTP 状态消息">HTTP 状态消息</a></h3>
<div class="meta">
<span><i class="fa fa-eye"></i>698</span>
<span><i class="fa fa-clock-o"></i>2025-04-03</span>
</div>
</div>
</article>
<article class="fl">
<div class="related_img"><a href="https://www.huoban.com/news/post/9990.html"><img src="https://www.huoban.com/news/zb_users/upload/2023/08/wenzhangerweima.jpg"></a></div>
<div class="related_detail">
<h3><a href="https://www.huoban.com/news/post/9990.html" title="Nginx搭建LNMP架构">Nginx搭建LNMP架构</a></h3>
<div class="meta">
<span><i class="fa fa-eye"></i>698</span>
<span><i class="fa fa-clock-o"></i>2025-04-03</span>
</div>
</div>
</article>
</div>
</div>
<!--<p class="comment-disable sb br mb"><i class="iconfont icon-cry"></i>抱歉,评论功能暂时关闭!</p>-->
</div>
</div>
<div class="sidebar">
<div id="推荐文章" class="part clear 推荐文章">
<div class="top">
<h3 class="title">推荐文章</h3>
</div>
<div class="side 推荐文章"><ul><ul class="hot_posts"> <li><h4><a href="https://www.huoban.com/news/post/132763.html" title="企业生产管理是什么,企业生产管理软件">企业生产管理是什么,企业生产管理软件</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/136160.html" title="盘点进销存软件排行榜前十名">进盘点进销存软件排行榜前十名</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132779.html" title="进销存系统哪个简单好用?进销存系统优点">进销存系统哪个简单好用?进销存系统优点</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/133648.html" title="工厂生产管理(工厂生产管理流程及制度)">工厂生产管理(工厂生产管理流程及制度)</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132780.html" title="生产管理软件,机械制造业生产管理,制造业生产过程管理软件">生产管理软件,机械制造业生产管理,制造业生产过程管理软件</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132776.html" title="进销存软件和ERP有什么区别?进销存与erp软件理解">进销存软件和ERP有什么区别?进销存与erp软件理解</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132974.html" title="进销存如何进行库存管理">进销存如何进行库存管理</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132269.html" title="excel销售订单管理系统(销售订单录入系统)">如何利用excel制作销售订单管理系统?</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/136946.html" title="数据库订单管理系统有哪些功能?数据库订单管理系统怎么设计?">数据库订单管理系统有哪些功能?数据库订单管理系统怎么设计?</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132312.html" title="数据库订单管理系统(订单系统数据流图)">什么是数据库管理系统?</a></h4></li></ul></ul></div>
</div>
<div id="divPrevious" class="part clear previous">
<div class="top">
<h3 class="title">最近发表</h3>
</div>
<div class="side divPrevious"><ul><li><a title="2025年亚洲宠物展览会、京宠展有哪些亮点" href="https://www.huoban.com/news/post/157789.html">2025年亚洲宠物展览会、京宠展有哪些亮点</a></li>
<li><a title="<a target="_blank" href="https://www.huoban.com/news/tags-10262.html"style="font-weight:bold;">wps</a>演示添加自定义按钮<a target="_blank" href="https://www.huoban.com/news/tags-823.html"style="font-weight:bold;">设置</a>动作改变按顺序播放" href="https://www.huoban.com/news/post/118206.html"><a target="_blank" href="https://www.huoban.com/news/tags-10262.html"style="font-weight:bold;">wps</a>演示添加自定义按钮<a target="_blank" href="https://www.huoban.com/news/tags-823.html"style="font-weight:bold;">设置</a>动作改变按顺序播放</a></li>
<li><a title="如何将<a target="_blank" href="https://www.huoban.com/news/tags-13007.html"style="font-weight:bold;">WPS</a>行中的文本调整到行中" href="https://www.huoban.com/news/post/119027.html">如何将<a target="_blank" href="https://www.huoban.com/news/tags-13007.html"style="font-weight:bold;">WPS</a>行中的文本调整到行中</a></li>
<li><a title="WIN10<a target="_blank" href="https://www.huoban.com/news/tags-56.html"style="font-weight:bold;">系统</a> 字体问题(win10系统怎么设置密码)" href="https://www.huoban.com/news/post/62643.html">WIN10<a target="_blank" href="https://www.huoban.com/news/tags-56.html"style="font-weight:bold;">系统</a> 字体问题(win10系统怎么设置密码)</a></li>
<li><a title="标题<a target="_blank" href="https://www.huoban.com/news/tags-523.html"style="font-weight:bold;">格式</a>的应用(应用文标题的格式)" href="https://www.huoban.com/news/post/63002.html">标题<a target="_blank" href="https://www.huoban.com/news/tags-523.html"style="font-weight:bold;">格式</a>的应用(应用文标题的格式)</a></li>
<li><a title="两列<a target="_blank" href="https://www.huoban.com/news/tags-155.html"style="font-weight:bold;">数据</a><a target="_blank" href="https://www.huoban.com/news/tags-11306.html"style="font-weight:bold;">如何</a>合并成一列,谢谢(如何将两列数据合并到一列)" href="https://www.huoban.com/news/post/71663.html">两列<a target="_blank" href="https://www.huoban.com/news/tags-155.html"style="font-weight:bold;">数据</a><a target="_blank" href="https://www.huoban.com/news/tags-11306.html"style="font-weight:bold;">如何</a>合并成一列,谢谢(如何将两列数据合并到一列)</a></li>
<li><a title="无法插入表格" href="https://www.huoban.com/news/post/63088.html">无法插入表格</a></li>
<li><a title="快递录入时间表(快递收寄时间)" href="https://www.huoban.com/news/post/62125.html">快递录入时间表(快递收寄时间)</a></li>
<li><a title="<a target="_blank" href="https://www.huoban.com/news/tags-11952.html"style="font-weight:bold;">项目管理</a>流程7大过程及项目启动策略与实施要点" href="https://www.huoban.com/news/post/152389.html"><a target="_blank" href="https://www.huoban.com/news/tags-11952.html"style="font-weight:bold;">项目管理</a>流程7大过程及项目启动策略与实施要点</a></li>
<li><a title="Excel Web App团队享了如何决定功能开发的重要性公式(<a target="_blank" href="https://www.huoban.com/news/tags-8646.html"style="font-weight:bold;">excel表格</a>)" href="https://www.huoban.com/news/post/94768.html">Excel Web App团队享了如何决定功能开发的重要性公式(<a target="_blank" href="https://www.huoban.com/news/tags-8646.html"style="font-weight:bold;">excel表格</a>)</a></li>
</ul></div>
</div>
<div id="sidebar_ad" class="part clear sidebar_ad">
<div class="part sidebar_ad"><div class="active"><a href='https://mrhnug.r.huobanbot.com/wxwork/pub/landings/426?app_id=1960&company_id=54&corp_id=wwbd4b7b6e7b0ccdaa&app_company_id=1' target='_blank'><img style='width:100%;height:100%' src='https://www.huoban.com/news/zb_users/upload/2023/08/erwei3.jpg'></a><br>
<a href='https://www.huoban.com/crm.html?utm=jiasouadv' target='_blank'><img style='width:100%;height:100%' src='https://www.huoban.com/news/zb_users/upload/2023/03/20230321171645167939020583758.png'></a><br>
</div></div>
</div>
<div id="hot_posts" class="part clear hot_posts">
<div class="top">
<h3 class="title">热评文章</h3>
</div>
<ul class="hot_posts"><li><h4><a href="https://www.huoban.com/news/post/104011.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-10179.html"style="font-weight:bold;">零代码</a>开发是什么?2022<a target="_blank" href="https://www.huoban.com/news/tags-1.html"style="font-weight:bold;">低代码</a>平台排行榜">零代码开发是什么?2022低代码平台排行榜</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/131019.html" title="智能<a target="_blank" href="https://www.huoban.com/news/tags-14329.html"style="font-weight:bold;">进销存库存管理</a><a target="_blank" href="https://www.huoban.com/news/tags-56.html"style="font-weight:bold;">系统</a>(智慧进销存)">智能进销存库存管理系统(智慧进销存)</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/73907.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-14095.html"style="font-weight:bold;">在线文档</a>哪家强?8款在线文档编辑软件推荐">在线文档哪家强?8款在线文档编辑软件推荐</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/102663.html" title="WPS2016怎么绘制简单的价格表?">WPS2016怎么绘制简单的价格表?</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/151831.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-14164.html"style="font-weight:bold;">客户管理工具</a>是什么?">客户管理工具是什么?</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/76010.html" title="用在线<a target="_blank" href="https://www.huoban.com/news/tags-14115.html"style="font-weight:bold;">电子表格</a>,居家办公更轻松">用在线电子表格,居家办公更轻松</a></h4></li></ul> </div>
<div id="divLinkage" class="part clear link">
<div class="top">
<h3 class="title">友情链接</h3>
</div>
<div class="side divLinkage"><ul><li class="link-item"><a href="https://www.huoban.com/" target="_blank" title="伙伴云">伙伴云</a></li><li class="link-item"><a href="https://www.huoban.com/news/category-19.html" title="进销存管理">进销存管理</a></li><li class="link-item"><a href="https://www.huoban.com/news/category-3.html" title="低代码">低代码</a></li><li class="link-item"><a href="https://www.huoban.com/news/tags-12.html" target="_blank" title="Excel表格">Excel表格</a></li><li class="link-item"><a href="http://www.lvyuanlin.net/" title="海威行">海威行</a></li><li class="link-item"><a href="https://www.finclip.com/news/" title="FinClip">FinClip</a></li></ul></div>
</div> </div>
</div>
</section>
</div>
<footer class="p-footer">
<div class="contant_box">
<div class="discover_tmt">
<h5 class="" style="font-size: 1px; color: white;">伙伴云</h5>
<div class="text_box">
<a href="https://www.jiasou.cn/article/" title="toB数字化营销SEO" style="font-size: 1px; color: white;">加搜toBSEO</a>
<a href="https://www.finclip.com/news/category-1.html" title="小程序工具" style="font-size: 1px; color: white;">前端框架</a>
<a href="https://www.jia-ai.com/info/" title="小红书营销攻略" style="font-size: 1px; color: white;">小红书营销攻略</a>
<a href="https://www.yanyin.tech/cms/" title="生物研究资讯" style="font-size: 1px; color: white;">生物研究资讯</a>
<a href="https://www.finclip.com/news/" title="FinClip 技术文档" style="font-size: 1px; color: white;">小程序容器帮助中心</a>
<a href="https://www.finclip.com/news/article/" title="小程序开发行业洞察" style="font-size: 1px; color: white;">小程序开发行业洞察</a>
<a href="https://www.foneplatform.com/jscms/" title="全面预算管理资讯" style="font-size: 1px; color: white;">全面预算管理资讯</a>
<a href="https://www.weiling.cn/article/" title="企微SCRM客户管理干货" style="font-size: 1px; color: white;">企微SCRM客户管理干货</a>
<a href="https://www.marketup.cn/info/" title="营销管理系统资讯" style="font-size: 1px; color: white;">营销管理系统资讯</a>
<a href="https://www.transfertech.cn/news/" title="制造行业新闻动态" style="font-size: 1px; color: white;">制造行业新闻动态</a>
<a href="https://www.i2cool.com.cn/tideflow/" title="无电制冷行业资讯" style="font-size: 1px; color: #22292D;">无电制冷行业资讯</a>
</div> </div>
<div class="collaboration_box">
</div>
<div class="we_img_box clear">
<div class="img_box">
<img src="https://www.huoban.com/news/zb_users/theme/zblog5_news/image/ewm.png" alt="" class="hover_tmt">
</div>
</div>
</div>
<p class="info"> <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">京ICP备12038259号</a>
<span>
<a href="#"></a></span>
</p>
</footer>
<div id="backtop" class="backtop">
<div class="bt-box top">
<i class="fa fa-angle-up fa-2x"></i>
</div>
</div>
<script charset="UTF-8" src="https://www.huoban.com/assets/js/sensorsdata.1.22.2.min.js"></script>
<script charset="UTF-8">
var sensors = window['sensorsDataAnalytic201505'];
sensors.init({
server_url: 'https://saapi.huoban.com/sa?project=production',
heatmap:{scroll_notice_map:'not_collect'},
use_client_time:true,
send_type:'beacon'
});
sensors.quick('autoTrack');
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6444c045836d6bf27124085a4f62c2a8";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(()=>{const e="https://analyze.jiasou.cc/api/v1/page_view/report/",n="9fe06d4884e0461caaa1de5651164d43";let t=null;const o=new Proxy({},{get:(e,n)=>localStorage.getItem(window.btoa(n)),set:(e,n,t)=>!!t&&(localStorage.setItem(window.btoa(n),t),!0)});new Promise((t=>{if(o.fingerprint)t();else{const a=function(){var e={};if(e.userAgent=navigator.userAgent||"",e.plugins=[],navigator.plugins&&navigator.plugins.length>0)for(var n=0;n<navigator.plugins.length;n++){var t={name:navigator.plugins[n].name||"",filename:navigator.plugins[n].filename||"",description:navigator.plugins[n].description||""};e.plugins.push(t)}e.languages=navigator.languages||[navigator.language||""],e.timezone=(new Date).getTimezoneOffset(),e.screenResolution={width:window.screen.width||0,height:window.screen.height||0,pixelDepth:window.screen.pixelDepth||0,colorDepth:window.screen.colorDepth||0};var o=document.createElement("canvas").getContext("2d"),a=[],i=["monospace","sans-serif","serif"];for(n=0;n<i.length;n++){var r=i[n];o.font="12px "+r,o.measureText("abcdefghijklmnopqrstuvwxyz0123456789").width>0&&a.push(r)}return e.fonts=a,e.cookieEnabled=navigator.cookieEnabled||!1,e.localStorage=void 0!==window.localStorage,e.sessionStorage=void 0!==window.sessionStorage,e.doNotTrack="1"===navigator.doNotTrack||"1"===window.doNotTrack||"1"===navigator.msDoNotTrack||"yes"===navigator.doNotTrack,e}();fetch(`${e}u/`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:n,f:window.btoa(JSON.stringify(a))})}).then((e=>{console.debug("browser fingerprint sent"),200===e.status&&e.json().then((e=>{console.debug("browser fingerprint received",e),o.fingerprint=e.fp,t()}))}))}})).then((()=>{e&&o.fingerprint&&fetch(e+`?${new URLSearchParams({token:n}).toString()}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({c:window.btoa(JSON.stringify({u:o.fingerprint,l:window.location.href,r:document.referrer}))})}).then((e=>{200==e.status&&e.json().then((e=>{e.track_id&&(t=e.track_id)}))}))})),window.addEventListener("beforeunload",(async n=>{t&&fetch(e+`?${new URLSearchParams({track_id:t}).toString()}`,{method:"GET",headers:{"Content-Type":"text/plain"},keepalive:!0}),n.returnValue=""}))})();
</script><script language="javascript" src="https://www.huoban.com/news/zb_users/plugin/ZF_ad/js/index.js?id=571"></script>
<script language="javascript" src="https://www.huoban.com/news/zb_users/plugin/ZF_ad/js/ZF_ad__cookie.js"></script>
</body>
</html>
<!--39.73 ms , 17 queries , 3699kb memory , 0 error-->