首頁(yè) > 產(chǎn)業(yè) > 政策
如何制作HTML文件？
1，使用sublime開(kāi)發(fā)工具新建文件 2，打開(kāi)文件，點(diǎn)擊新建文件，快捷鍵Ctrl+N3,新建以后保存文件，文件后綴名一定要是.html4，英文狀態(tài)下輸入一個(gè)!,然后按一下TAB鍵快速生成html骨架5，最后就生成了一個(gè)html文件
（1）公主連結(jié)wiki：
HTML文件制作方法如下：一，打開(kāi)簡(jiǎn)單的文本編輯器。NotePad是不錯(cuò)的選擇，而且可以免費(fèi)下載。大部分文本編輯軟件都能編寫(xiě)HTML，不過(guò)，復(fù)雜的軟件有自動(dòng)格式功能，比較難組織HTML頁(yè)面。
不建議使用TextEdit，它經(jīng)常將文件保存成無(wú)法被瀏覽器識(shí)別為HTML的格式。
你也可以用在線HTML編輯器。不建議初學(xué)者使用專業(yè)的HTML編輯程序。
二，將文件保存為網(wǎng)頁(yè)。在上方菜單中，選擇文件（File），點(diǎn)擊另存為（Save As）。
將文件格式改成“網(wǎng)頁(yè)”（Web Page）、“.html”或“.htm”，存在容易找到的位置。
上面三個(gè)選擇是一樣的，沒(méi)有差別。
三，用網(wǎng)頁(yè)瀏覽器打開(kāi)文件，雙擊文件，它應(yīng)該會(huì)自動(dòng)在瀏覽器打開(kāi)，但現(xiàn)在還只是個(gè)空白網(wǎng)頁(yè)。
你也可以先打開(kāi)瀏覽器，例如Firefox或Internet Explorer，再?gòu)奈募‵ile）標(biāo)簽中，點(diǎn)擊
打開(kāi)文件（Open File），然后選擇文件。
這個(gè)網(wǎng)頁(yè)并不在網(wǎng)上，只能在你的電腦上看到。
四，更新網(wǎng)頁(yè)，查看已保存的更改。將<strong>Hello</strong>輸入空白的文件。
更新瀏覽器上的空白網(wǎng)頁(yè)，你應(yīng)該可以看到網(wǎng)頁(yè)上方有個(gè)加粗的“Hello”字眼。在本教程中，你隨時(shí)可以測(cè)試新的HTML。只要保存.html文件，然后更新瀏覽器窗口，就能看到瀏覽器如何詮釋HTML。
瀏覽器出現(xiàn)“<strong>”和“</strong>”字眼，代表你的文件并未被正確詮釋為HTML。換個(gè)不同的文本編輯程序或?yàn)g覽器。
五，了解標(biāo)簽。HTML的指示寫(xiě)在標(biāo)簽之間，告訴瀏覽器要如何詮釋及呈現(xiàn)網(wǎng)頁(yè)。
標(biāo)簽被尖括號(hào)<>括起來(lái)，網(wǎng)頁(yè)上看不到。你在上面的例子中已經(jīng)用到它們了：<strong>是“首標(biāo)簽”，或“起始標(biāo)簽”。
寫(xiě)在這個(gè)標(biāo)簽后的內(nèi)容被定義為“重點(diǎn)強(qiáng)調(diào)的文本”（通常在網(wǎng)頁(yè)上以粗體顯示）。
</strong>是“尾標(biāo)簽”，或“結(jié)束標(biāo)簽”。尾標(biāo)簽有多一條斜杠“/”，表示重點(diǎn)強(qiáng)調(diào)的文本就此結(jié)束。
大部分標(biāo)簽都需要尾標(biāo)簽，才能起作用，所以別忘了它。
六，構(gòu)建文檔。刪除HTML文檔里的所有東西。一字不變地輸入以下文本，重新開(kāi)始（忽略小圓點(diǎn)）。
這個(gè)HTML代碼告訴瀏覽器你使用哪一版HTML，網(wǎng)頁(yè)所有內(nèi)容都在<html>和</html>標(biāo)簽之間。
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN >
<html>
</html>
七，添加head和body標(biāo)簽。HTML文檔分為2個(gè)部分?！癏ead”部分是特別信息，例如網(wǎng)頁(yè)標(biāo)題?！癇ody”部分則包括網(wǎng)頁(yè)內(nèi)容。
將這兩個(gè)標(biāo)簽放進(jìn)文檔，別忘了尾標(biāo)簽。粗體字為新添加的文本。
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN >
<html>
<head>
</head>
<body>
</body>
</html>
八，取個(gè)標(biāo)題。對(duì)初學(xué)者來(lái)說(shuō)，head部分的標(biāo)簽大多不重要。
不過(guò)，標(biāo)題標(biāo)簽方便使用，而且決定了瀏覽器窗口，或選項(xiàng)卡上顯示的名稱。在head標(biāo)簽的首標(biāo)簽和尾標(biāo)簽之間，寫(xiě)下你喜歡的標(biāo)題：
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN >
<html>
<head>
<title>我的第一個(gè)HTML網(wǎng)頁(yè)。</title>
</head>
<body>
</body>
</html>
擴(kuò)展資料：
HTML添加鏈接和圖片方法：
一，了解特性（attributes）。你可以在每個(gè)標(biāo)簽里，寫(xiě)上詳細(xì)信息。這些信息被稱為“特性”，是標(biāo)簽里的額外描述信息，格式為特性名字=特定值。任何HTML標(biāo)簽都可以有個(gè)標(biāo)題特性：
<p title=Introduction>在這里寫(xiě)一段介紹。
</p>給這個(gè)段落取個(gè)標(biāo)題叫“Introduction”，當(dāng)你把滑鼠滑到網(wǎng)頁(yè)上的這一段文字時(shí)，標(biāo)題就會(huì)出現(xiàn)。
二，連接到另一個(gè)網(wǎng)頁(yè)。用<a> </a>標(biāo)簽創(chuàng)建超鏈接，連接另一個(gè)網(wǎng)頁(yè)。用href特性插入你要連接的網(wǎng)頁(yè)地址。
下面的例子連接到你現(xiàn)在閱讀的網(wǎng)頁(yè)：
<a href=>網(wǎng)站訪客可以點(diǎn)擊這里的文本，隨著鏈接進(jìn)入wikihow網(wǎng)頁(yè)。</a>
三，給標(biāo)簽添加id特性。任何HTML都能用的另一個(gè)特性是“id”元素。
在任何一個(gè)標(biāo)簽里，寫(xiě)下id=example，或輸入沒(méi)有空格的名稱?，F(xiàn)在，它還沒(méi)有明顯的作用，但我們會(huì)在下一步用到它。
舉個(gè)例子，在文檔里輸入<p id=example>本段落將作為示例，展示id特性的作用。</p>
四，連接到有特定id的元素。現(xiàn)在，我們可以用超鏈接標(biāo)簽<a> </a>，連接到同一網(wǎng)頁(yè)的另一個(gè)目的地。
我們用#符號(hào)代替網(wǎng)址，然后輸入要連接的id值。比如說(shuō)，<a href=#example>這個(gè)文本將被連接到id為 example的段落。</a>
所有HTML值都不分大小寫(xiě)。不管是#EXAMPLE，還是#example，都會(huì)連接到同一個(gè)目的地。
如果網(wǎng)頁(yè)太短，一次就能顯示全部?jī)?nèi)容，那么點(diǎn)擊瀏覽器里的鏈接時(shí)，可能看不到它的作用。調(diào)整窗口大小，直到滾動(dòng)條出現(xiàn)，然后再試一次。
五，添加圖片。<img>標(biāo)簽是個(gè)空標(biāo)簽，也就是說(shuō)不需要尾標(biāo)簽。用特性添加顯示圖片所需的全部信息。以下例子將顯示wikiHow的標(biāo)志，每個(gè)特性后面都有詳細(xì)的描述。
<img src= style=width:324px; height:84px alt=wikiHow logo>
src= 特性說(shuō)明圖片的所在位置（一般而言，顯示他人網(wǎng)站上的圖片是無(wú)禮的行為，而且如果有關(guān)網(wǎng)站下線了，圖片也會(huì)跟著消失）。
style= 特性有很多用途，最重要的還是以像素為單位，設(shè)置圖片的寬度和高度。你也可以分開(kāi)使用width= （寬度），和height= （高度）特性。但是，如果你之后用CSS，圖片大小會(huì)變得很奇怪。)
alt= 特性是圖片的簡(jiǎn)要描述，如果圖片加載失敗，用戶就會(huì)看到這行替代文字。它被視為必要的信息，因?yàn)槊と苏强科聊婚喿x器，讀出這些信息，來(lái)了解圖片內(nèi)容。
強(qiáng)推
