這是一個簡單的html頁面

二、標準寫法

在寫入你要寫的內容，下面以hello world為例。

修改檔案字尾名，將txt改為html。

測試是否成功，雙擊測試。html，如果出現了下面的內容，恭喜你，你已經學會了最簡單的html編寫。

搜尋碼上有猿 2020-07-14

最好有人帶，或者網上找一些程式碼例子，c3school就不錯，我這裡也有-碼上有猿

夕幻XW 2018-01-10

1：先新建一個文字檔案

2：編譯文字，以最簡單的程式碼格式為例

3：在寫入你要寫的內容

4：修改檔案字尾名，將txt改為html

5：測試是否成功，雙擊測試html

html規範寫法：

簡單html頁面

這是一個簡單的html頁面

標準寫法

網頁標題</p><p><meta name=“keywords” content=“”/> 網頁關鍵詞</p><p><meta name=“description” content=“”/> 網頁描述</p><p><img alt="一個完整的html程式碼怎麼編寫？" data-isLoading="0" src="/static/img/blank.gif" data-src=“” alt=“”/> 圖片和圖片描述</p><p><H1> 文章標題</p><p><H2> 文章標題</p><p><H3> 文章標題</p><p><strong> 重點（加粗）</p><p><a href=“www。lonwin。net”> 連結（錨文字）</p></div><div class="post-content-base"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="3650649670" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><div class="postmetadata"><div class="prev"> 上一篇：<a href="/ent/586899.html" title="/ent/586899.html"><i><<</i>敘事作文的幾種寫法敘事作文能寫什麼</a></div><div class="next"> 下一篇：<a href="/ent/586901.html" title="/ent/586901.html">哪個讀書軟體可以看哈利波特全集呢？<i>>></i></a></div></div><div class="postmetadata"><div class="post-tags posttag"><div class="tags"><i class=" icon-bookmark"></i>標籤： <a href="/tag/49904.html" title="HTML" target="_blank">HTML</a><a href="/tag/8967.html" title="網頁" target="_blank">網頁</a><a href="/tag/16129.html" title="標題" target="_blank">標題</a><a href="/tag/10563.html" title="簡單" target="_blank">簡單</a><a href="/tag/7303.html" title="頁面" target="_blank">頁面</a></div></div></div><div class="clear"></div><div id="related"><div class="related_about"><h2>相關文章</h2></div><ul class="related_img"><li class="related_box" ><a href="/culture/1352093.html" title="自已給自己發郵件收不到怎麼辦？" target="_blank"><h3>自已給自己發郵件收不到怎麼辦？</h3></a></li><li class="related_box" ><a href="/rural/1230517.html" title="招聘Java工程師？" target="_blank"><h3>招聘Java工程師？</h3></a></li><li class="related_box" ><a href="/comic/1215179.html" title="地理會考要準備世界地圖嗎？" target="_blank"><h3>地理會考要準備世界地圖嗎？</h3></a></li><li class="related_box" ><a href="/comic/1193733.html" title="網頁設計發展怎麼樣？" target="_blank"><h3>網頁設計發展怎麼樣？</h3></a></li></ul></div><div class="clear"></div><div class="post-like-base"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="3650649670" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div><div class="clear"></div></div></div><div class="sidebar"><div class="widget"><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></div><div class="widget widget_suxingme_hotpost"><div class="w_title"><h3>推薦文章</h3></div><li><a href="/rural/1359223.html" title="16安插頭是不是有大的有小的？" target="_blank"><div class="overlay" style="opacity:0.7"></div><p class="title" style="font-size:1.5rem">16安插頭是不是有大的有小的？</p></a></li><li><a href="/rural/1359117.html" title="知道開票總金額怎麼算單價和數量？" target="_blank"><div class="overlay" style="opacity:0.7"></div><p class="title" style="font-size:1.5rem">知道開票總金額怎麼算單價和數量？</p></a></li><li><a href="/comic/1358676.html" title="一井等於多少平方米？" target="_blank"><div class="overlay" style="opacity:0.7"></div><p class="title" style="font-size:1.5rem">一井等於多少平方米？</p></a></li></div><div class="widget" id="side-fixed"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="3650649670" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div></div><div id="footer"><div class="site-footer"><p class="copyright">Copyright © 2022小蜜蜂問答</p></div><div id="totop"><i class="icon-up-open"></i></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("site-nav");var navbar=document.getElementById("menu-navigation");var navclass=navbar.getAttribute('class');var isopen=false;clickbtn.addEventListener("click",function(){isopen=!isopen;if(isopen){navbar.setAttribute("class","menu opmu");}else{navbar.setAttribute("class","menu");}});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";obj.style.top="0px";}else{obj.style.position="fixed";obj.style.top="0px";}};if(document.body.offsetWidth>871&&!/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","3650649670");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>