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