煤老闆的小夥伴她爹2021-12-02 13:03:00html文件分為頭部（Head）、主體（Body）兩大部分。
html文件的頭部（Head）部分：
html文件的頭部描述了文件的各種屬性和資訊，包括文件的標題、在 Web 中的位置以及和其他文件的關係等。
頭部元素有：
元素，
元素，
元素，<style>元素，<link>元素，<script>元素和<base>元素。</p><div class="base-box"></div><p><head>元素是用於定義文件的頭部的，是所有其他頭部元素的容器。HTML文件的各種屬性和資訊就是在<head>元素中定義的。</p><p><meta>元素是用於指定網頁上的字符集，頁面描述，關鍵字，作者和其他元資料。其中，元資料主要是提供給瀏覽器，搜尋引擎和其他Web服務使用的，以便更好地對網頁進行排名。</p><p><title>元素是用於定義文件的標題；適用於所有HTML 或者 XHTML文件。</p><div class="base-box"></div><p><style>元素用於設定HTML頁面的樣式，內聯的css樣式程式碼就是寫在<style>元素內的。</p><p><link>元素用於將外部的css樣式錶鏈接到網頁中。</p><p><script> 元素是用於定義客戶端指令碼，比如 JavaScript。</p><p><base>元素用於指定頁面中所有相對URL的基本URL和基本目標。</p><p>html文件的主體（Body）部分：</p><p>Body部分用於放置網頁中的所有內容，如文字、圖片、連結、表格、表單等。</p><div class="base-box"></div></div><div class="post-content-base"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="4530736059" data-ad-format="fluid" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><div class="tagcloud">TAG:
<a class="tag" href="/tag/8084.html" title="元素" target="_blank">元素</a><a class="tag" href="/tag/1086.html" title="文件" target="_blank">文件</a><a class="tag" href="/tag/41052.html" title="HTML" target="_blank">HTML</a><a class="tag" href="/tag/30409.html" title="頭部" target="_blank">頭部</a><a class="tag" href="/tag/9325.html" title="用於" target="_blank">用於</a></div><nav class="post-navigation clearfix"><div class="nav-links"><div class="nav-previous"><span>上一篇：</span><a href="/comic/759733.html" title="怎麼做考勤表格？">怎麼做考勤表格？</a></div><div class="nav-next"><span>下一篇：</span><a href="/comic/759739.html" title="審計抽憑一般抽多少合適？控制在百分之多少？">審計抽憑一般抽多少合適？控制在百分之多少？</a></div></div></nav><aside class="widget tzwb-tabbed-content clearfix"><div class="widget-header"><h2 class="widget-title">相關閱讀</h2></div><div id="tzwb-tabbed-content-1-tab-0" class="tzwb-tabcontent"><ul class="tzwb-tabcontent-recent-posts tzwb-posts-list"><li class="tzwb-has-thumbnail"><a href="/game/937649.html" title="海綿枕頭好不好？" target="_blank">海綿枕頭好不好？</a><div class="tzwb-entry-meta entry-meta"><span class="tzwb-meta-date meta-date">2023-01-24</span></div></li><li class="tzwb-has-thumbnail"><a href="/comic/933082.html" title="電子檔的excel怎麼做？" target="_blank">電子檔的excel怎麼做？</a><div class="tzwb-entry-meta entry-meta"><span class="tzwb-meta-date meta-date">2023-01-21</span></div></li><li class="tzwb-has-thumbnail"><a href="/game/841883.html" title="為什麼要生產大量的焦炭？" target="_blank">為什麼要生產大量的焦炭？</a><div class="tzwb-entry-meta entry-meta"><span class="tzwb-meta-date meta-date">2022-09-22</span></div></li><li class="tzwb-has-thumbnail"><a href="/comic/484994.html" title="《千與千尋》中的油屋在日語中是什麼意思呀？" target="_blank">《千與千尋》中的油屋在日語中是什麼意思呀？</a><div class="tzwb-entry-meta entry-meta"><span class="tzwb-meta-date meta-date">2021-12-23</span></div></li><li class="tzwb-has-thumbnail"><a href="/travel/429644.html" title="HTML、CSS、JavaScript、PHP、MySQL的學習順序是什麼？" target="_blank" class="thumbnail-a"><img width="90" height="65" src="https://img.sepask.com/upload/thumbnail/gMEfclxtmI9ha6G4R+mGiP6gh34qampN_Fb+Y_LgGr9kbRcC3MUzzSyHb-0nNjouz.jpeg" class="attachment-tzwb-thumbnail size-tzwb-thumbnail wp-post-image" alt="HTML、CSS、JavaScript、PHP、MySQL的學習順序是什麼？" /></a><a href="/travel/429644.html" title="HTML、CSS、JavaScript、PHP、MySQL的學習順序是什麼？" target="_blank">HTML、CSS、JavaScript、PHP、MySQL的學習順序是什麼？</a><div class="tzwb-entry-meta entry-meta"><span class="tzwb-meta-date meta-date">2021-12-14</span></div></li></ul></div></aside><div class="post-like-base"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="4530736059" data-ad-format="fluid" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></article></main></section><section id="secondary" class="sidebar widget-area clearfix" role="complementary"><aside class="widget tzwb-tabbed-content clearfix"><div class="search-form"><form name="formsearch" method="get" target="_blank" action="/operate/search.html"><input type="text" class="s" name="q" placeholder="找不到想看的？搜尋看看！"/><button type="submit">搜索</button></form></div></aside><aside class="widget tzwb-tabbed-content clearfix"><div class="widget-header"><h2 class="widget-title">推薦閱讀</h2></div><div id="tzwb-tabbed-content-1-tab-1" class="tzwb-tabcontent"><ul class="tzwb-tabcontent-recent-posts tzwb-posts-list"><li class="tzwb-has-thumbnail"><a href="/rural/963001.html" title="青瓜切絲做法大全？">青瓜切絲做法大全？</a><div class="tzwb-entry-meta entry-meta"><span class="tzwb-meta-date meta-date">2023-02-07</span></div></li><li class="tzwb-has-thumbnail"><a href="/travel/962995.html" title="瓦崗山高度？">瓦崗山高度？</a><div class="tzwb-entry-meta entry-meta"><span class="tzwb-meta-date meta-date">2023-02-07</span></div></li><li class="tzwb-has-thumbnail"><a href="/game/962374.html" title="曙光英雄夏爾米教學？">曙光英雄夏爾米教學？</a><div class="tzwb-entry-meta entry-meta"><span class="tzwb-meta-date meta-date">2023-02-07</span></div></li><li class="tzwb-has-thumbnail"><a href="/game/962304.html" title="三國志徐庶帶什麼a級戰法？">三國志徐庶帶什麼a級戰法？</a><div class="tzwb-entry-meta entry-meta"><span class="tzwb-meta-date meta-date">2023-02-07</span></div></li><li class="tzwb-has-thumbnail"><a href="/travel/962230.html" title="桐鄉地區有幾個縣？">桐鄉地區有幾個縣？</a><div class="tzwb-entry-meta entry-meta"><span class="tzwb-meta-date meta-date">2023-02-07</span></div></li></ul></div></aside><aside class="widget tzwb-tabbed-content clearfix" id="side-fixed"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="4530736059" data-ad-format="fluid" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></aside></section></div><div id="footer" class="footer-wrap"><footer id="colophon" class="site-footer container clearfix" role="contentinfo"><div id="footer-text" class="site-info"><p>Copyright © 2024九月問答</p></div></footer></div></div><script type="text/javascript">function myReady(fn){if(document.addEventListener){document.addEventListener("DOMContentLoaded",fn,false)}else{IEContentLoaded(fn)}function IEContentLoaded(fn){var d=window.document;var done=false;var init=function(){if(!done){done=true;fn()}};(function(){try{d.documentElement.doScroll('left')}catch(e){setTimeout(arguments.callee,50);return}init()})();d.onreadystatechange=function(){if(d.readyState=='complete'){d.onreadystatechange=null;init()}}}};function addEvent(obj,type,fn){if(obj.attachEvent){obj.attachEvent("on"+type,function(){fn.call(obj)})}else{obj.addEventListener(type,fn,false)}};var clickbtn=document.getElementById("main-navigation");var navbar=document.getElementById("menu-navigation");var isopen=false;clickbtn.addEventListener("click",function(){isopen=!isopen;if(isopen){navbar.style.display="block"}else{navbar.style.display="none"}});function menuFixed(id){var obj=document.getElementById(id);if(obj){var _getHeight=obj.offsetTop;addEvent(window,'scroll',function(){changePos(id,_getHeight);});}};function changePos(id,height){var obj=document.getElementById(id);var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;if(scrollTop<height){obj.style.position="relative"}else{obj.style.position="fixed"}};if(document.body.offsetWidth>941&&!/Mobile|Android|webOS|iPhone|iPad|iPod|BlackBerry|SymbianOS|Windows Phone|IEMobile|Opera Mini/i.test(navigator.userAgent)){myReady(function(){menuFixed("side-fixed")});};</script><script type="text/javascript">var node_list=[].slice.apply(document.getElementsByClassName('base-box'));var availHeight=window.screen.availHeight;function getGinfo(){let new_div_dom=document.createElement("ins");new_div_dom.setAttribute("class","adsbygoogle");new_div_dom.setAttribute("style","display:block");new_div_dom.setAttribute("data-ad-client","ca-pub-8094663645581922");new_div_dom.setAttribute("data-ad-slot","4530736059");new_div_dom.setAttribute("data-ad-format","fluid");new_div_dom.setAttribute("data-full-width-responsive",true);return new_div_dom}function getGscript(){let new_script=document.createElement('script');new_script.setAttribute("src","https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8094663645581922");new_script.setAttribute("crossorigin","anonymous");return new_script}function touchend_func(event){let scrollTop=document.documentElement.scrollTop;let min_height=scrollTop+availHeight+300;for(let i=0;i<node_list.length;i++){if(!node_list[i]){continue}if(node_list[i].offsetTop<min_height){node_list[i].appendChild(getGscript());node_list[i].appendChild(getGinfo());(adsbygoogle=window.adsbygoogle||[]).push({});delete node_list[i]}else{break}}};myReady(function(){start();let clock;window.onscroll=function(){touchend_func(event);if(clock){clearTimeout(clock)}clock=setTimeout(function(){start()},200)};function start(){let imgs=document.getElementById('post-content').querySelectorAll('[data-isLoading="0"]');for(let i=0;i<imgs.length;i++){if(isShow(imgs[i])){loadImg(imgs[i])}}};function isShow($node){let docBody=document.documentElement||document.body;return $node.offsetTop<=docBody.clientHeight+docBody.scrollTop+200};function loadImg($img){$img.setAttribute('src',$img.getAttribute('data-src'));$img.setAttribute('data-isLoading',1)}});if(/Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent)){}else{var el_top_hids=document.getElementsByClassName('top_hid');for(var i=0;i<el_top_hids.length;i++){el_top_hids[i].style.display="none";}}</script></body></html>
煤老闆的小夥伴她爹2021-12-02 13:03:00