1、桌面空白處單機右鍵，新建一個記事本并打開 2、在文件中輸入如圖代碼。 html語言都是以等開始，以為結束。(就是后面括號里加了一個/） 3、接下來舉個例子在中間輸入網頁標題（如英雄聯盟）在中輸入“怒送一血，輔助游走，至今未歸。。。?！蓖?/p>
本文我們將從以下幾個部分來詳細介紹如何用HTML創建一個簡單網頁：創建網頁、保存和打開網頁、參考
本文會教你用HTML編寫一個簡單的純文本網頁。創建了文本頁面后，你可以將它保存為HTML文檔并用網絡瀏覽器來查看。使用Windows和Mac電腦自帶的基本文本編輯器，就能創建HTML頁面。部分 1創建網頁
Document請輸入xxxxxxxxxxx請投票看漲看跌不清楚 代碼空白地方的br換行被吞了自己加上
第1步：打開編輯器。
1，首先新建一個記事本文件，雙擊打開。 2，打開記事本文件之后，輸入一些簡單的html代碼。輸入之后，保存文件。 3，再次點擊記事本文件，按下鍵盤上的F2鍵進行重命名。將后面的“txt”改為“html”，然后確定更改。 4，更改完成后，再次打開該文件
Windows電腦用戶通常使用“記事本”，Mac電腦用戶則使用TextEdit：
1、首先，在計算機桌面上創建一個新文件夾，然后在該文件夾中創建一個新的文本文檔。 2、然后雙擊打開帶有記事本的文本文檔，如下圖所示，我們編寫一個簡單的html代碼。 3、單擊“另存為”的功能選項，顯示默認保存為編碼為ANSI。 4、我們將更改編
Windows：打開開始
點擊桌面Dreamweaver軟件，雙擊打開。 選擇文件-新建，建立新的文檔，或使用快捷鍵Ctrl+N。 將光標置入空白網頁中，輸入你需要的文字。 將鼠標光標放在文字開頭，按住鼠標左鍵拖到最后，選中所有文字，或使用快捷鍵Ctrl+A。 在下面屬性面板中，
菜單，輸入notepad，點擊出現在窗口頂端的記事本
select標簽可以創建下拉列表，列入 我是下拉項目1 我是下拉項目2 我是下拉項目3 我是下拉項目4
程序。
Mac：點擊Spotlight
打開記事本,輸入以下內容 你的標題 這部分是網頁的主體 文件另存為.html格式,一個最簡單的html文件就完成了
，輸入textedit，雙擊出現在搜索結果最上方的TextEdit
完整的代碼如下： 簡單網頁制作練習 1.文字內容，直接輸入文字即可。。。。。如果想設置其相關屬性可以使用font標簽 紅色18號文字 2.添加圖片 樓主，如果不明白可以HI聯系我。。。。
程序。
第2步：將文檔類型設為HTML。
可獲取碼列表： 123456 123457 123458 123459 123460 123461 其中所有liscode是從一個txt文檔上提取的，當用戶點擊獲取一個的時候，該項即被刪除。 如何用python實現呢？ 做一個py腳本或exe給用戶實現的話大概像下面這樣： Python code infile
輸入<!DOCTYPE html>，按Enter換行，輸入<html>，再按一次 Enter。最后輸入<head>，然后按Enter。文檔最上方的內容應該類似如下示例：
可獲取碼列表： 123456 123457 123458 123459 123460 123461 其中所有liscode是從一個txt文檔上提取的，當用戶點擊獲取一個的時候，該項即被刪除。 如何用python實現呢？ 做一個py腳本或exe給用戶實現的話大概像下面這樣： Python code infile
<!DOCTYPE html><html><head>
創建網頁頁面 1、在Dreamveaver“文件－新建－常規－基本頁－HTML”，這樣就建好了一個頁面，英文版的默認的文件名為untitled.htm。中文版的的默認的文件名為“無標題文檔”。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。 注
第3步：給網頁添加標簽頁標題。
是這樣的效果嗎？ 3 function r() { var username=document.getElementById("username"); var pass=document.getElementById("password"); if(username.value=="") { alert("請輸入用戶名"); username.focus(); return; } if(pass.value=="") {
打開網頁時，這個標題會出現在瀏覽器窗口標簽頁的標題欄上，比如“”。輸入<title>，輸入網頁的標簽頁標題，再輸入</title>。最后在單獨一行添加“Head”的結束標簽，也就是</head>。標題應該如下所示：
方法/步驟 1 首先我們在桌面點擊右鍵找到新建。 2 然后點擊新建中的文本文檔 3 這時候桌面會多出一個文件，我們可以對它進行命名、修改等操作。 4 現在我們雙擊進入修改。 5 在文本框內輸入圖中代碼。 6 現在我們點擊保存并退出修改。 7 右鍵它
<title>我的網頁</title></head>
如果你們老師沒有教你Dreamweaver如何使用的話，可以使用editplus或notepad++這兩款編寫代碼的工具，當然，記事本也是可以的，但需要注意的是，保存文件的后綴名為html。 把以下代碼復制到編輯器或記事本里，然后在標簽內寫上你要顯示的HTML代碼
第4步：說明正文內容開始。
html5標簽掌握了，從上到下從左到右，標簽合理使用，先把框架搭好，再結合css3做效果，先花時間把html5 css3看兩遍，再看網頁設計html5制作教程就ok了 當然這只是最簡單的
在“Head”的結束標簽下方輸入<body>。這個標簽告訴瀏覽器接下來的內容都是網站正文，直到出現“Body”結束標簽。它應該看起來像這樣：
1、首先，策劃網站。 你想要建立一個怎樣的網站，門戶型？企業型？還是純個人型？網站名稱、域名是什么（至少準備三個以防已被別人注冊），用什么語言建立，關鍵詞（在百度輸入什么詞可以搜到自己的網站）哪些，等等。這里不做贅述，自行解決。
<body>
用python簡單的制作一個網頁的方法和詳細的操作步驟如下： 1、首先，打開sublime text 3并創建一個新的PY文件，如下圖所示。 2、其次，import os，因為涉及系統文件的路徑，因此首先在此處導入系統模塊，如下圖所示。 3、接著，html = open("E:
第5步：創建頁面標題。
HTML文件制作方法如下： 一、打開簡單的文本編輯器。大部分文本編輯軟件都能編寫HTML，不過，復雜的軟件有自動格式功能，比較難組織HTML頁面。 二、將文件格式改成“網頁”（Web Page）、“.html”或“.htm”，存在容易找到的位置。上面三個選擇是一樣
網頁標題是出現在網頁最上方的標題。輸入<h1>，添加標題，然后輸入</h1>結束標簽。比如：
你可以使用DW軟件，就是Macromedia Dreamweaver，常用的版本是V8.0。 你可以通過內置的2種方式來制作HTML網頁： 一種是
<h1>歡迎來到我的網頁！</h1>
超文本標記語言或超文本鏈接標示語言（標準通用標記語言下的一個應用）HTML（HyperText Mark-up Language）是一種制作萬維網頁面的標準語言，是萬維網瀏覽器使用的一種語言， 它消除了不同計算機之間信息交流的障礙。 它是目前網絡上應用最為廣
第6步：隨著網頁進展，添加更多標題。
html語言使用標記標簽來描述網頁。 HTML稱為超文本標記語言，是一種標識性的語言。它是一種用文本表示帶有特殊標簽的語言。 HTML包括一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。HTML文本是
你可以用<h1></h1>到<h6></h6>標簽，添加總共6種不同的標題。比如說，要連續添加3個尺寸不同的標題，可以這樣寫：
首先啟動dreamweaver軟件（注：小編用的是dreamweaver8.0，繼8.0之后cs系列當然是添加了很多新功能，這些新的功能比較吸引網 頁制作新手，因為可以利用簡單的操作制作更豐富的效果，但是小編個人還是比較建議新手用8.0版本，等熟悉以后再用cs）
<h1>歡迎來到我的網頁！</h1><h2>我是小明。</h2><h3>希望你喜歡這里。</h3>
如果你們老師沒有教你Dreamweaver如何使用的話，可以使用editplus或notepad++這兩款編寫代碼的工具，當然，記事本也是可以的，但需要注意的是，保存文件的后綴名為html。 把以下代碼復制到編輯器或記事本里，然后在標簽內寫上你要顯示的HTML代碼
第7步：創建段落。
你學習的過程中 已經建立過小型的網站吧 如果只是為了網絡訪問搭建 你需要注冊一個域名 就是網址 然后購買一個網絡空間用來放置你編寫的程序 然后域名指向空間 編寫好的程序上傳好 網站就可以正式沖出電腦 走向世界 供網友訪問欣賞了
段落標簽用于創建一整塊與相鄰文本分離的文本。想要將文本分段，先輸入<p>，然后輸入文本，最后加上</p>結束標簽：
獲得星期 var mydate=new Date(); switch( mydate.getDay()){ case 1: document.write("今天是：" +"星期一"); break; case 2: document.write("今天是：" +"星期二"); break; case 3: document.write("今天是：" +"星期三"); break; case 4: d
<p>這是一個段落。</p>
你可以連續添加多行段落，在一個標題下有多段內容。
改變文本顏色。在文本前后分別添加<font color="color">}}和{{kbd|</font>標簽，就能改變有關文本的顏色。在“color”部分輸入你想要的顏色，引號要保留下來。舉個例子，如果要將某段文本改成藍色，應該這樣寫：
<p><font color="blue">鯨魚是雄偉的海洋生物。</font></p>
你可以用這組標簽將任何文本換成另一種顏色，包括標題。
HTML支持許多顏色，隨意嘗試不同的顏色名稱吧。
對文本進行格式化，比如粗體、斜體或下劃線。粗體
、斜體和下劃線文本可以分別用<b></b>標簽、<i></i>標簽和<u></u>標簽定義。你也可以創建下標文本（比如平方根前面的數字），以及上標文本（比如平方數）：
<b>粗體</b><i>斜體</i><u>下劃線</u><sub>下標</sub><sup>上標</sup>
添加圖片。使用<img src="URL"></img>標簽將現有的圖片嵌入網頁。舉個例子，如果圖片網址是"www.mypicture.com/lake"，應該照下面這樣寫：
<img src="www.mypicture.com/lake"></img>
鏈接其它頁面。用<a href="link">鏈接描述文字</a>這組標簽來鏈接其它網站。這里的link是你要鏈接的網站地址，而鏈接描述文字則是作為鏈接讓讀者點擊的一行字。舉個例子，如果要鏈接，應該像下面這樣寫：
<a href="www.facebook.com">這是網站的鏈接。</a>
添加網頁正文結束標簽。文本頂端的<body>和<html>標簽和HTML的其它標簽一樣，在文檔底部要輸入以下結束標簽：
</body></html>
檢查網頁。如有必要，你還可以在<body></body>標簽之間，添加更多段落、標題和文本。一個完整的網頁應該類似如下示例：
<!DOCTYPE html><html><head><title>wikiHow Fan Page</title></head><body><h1>歡迎來到我的網頁！</h1><p>這里是wikiHow的粉絲專頁。不要客氣，當作在自己家一樣！</p><h2>重要日期</h2><p><i>2019年1月15日</i> - wikiHow的生日</p><h2>鏈接</h2><p>這是wikiHow網站的鏈接：<a href="www.wikihow.com">www.wikihow.com </a></p></body></html>
做最后的更改。如果你發現代碼里有任何錯誤，先糾正它們才繼續下一步。確認HTML符合你的要求后，就能繼續下一個部分。
部分 2保存和打開網頁
第1步：Mac電腦用戶要先將文檔轉換為純文本。
如果你使用Mac電腦，點擊屏幕頂端的格式
菜單項，在彈出的下拉菜單中點擊轉換成純文本
。
Windows電腦不需要進行這個步驟。
第2步：打開“保存”菜單。
創建了新的文本文檔來編寫網頁后，你可以同時按下Ctrl和S（Windows），或Command和S（Mac）來保存它們。
你也可以點擊文件
，從彈出的下拉菜單中點擊另存為
。這在Windows和Mac電腦上都行得通。
第3步：給HTML文檔命名。
在“文件名”（Windows）或“名稱”（Mac）文本框中，輸入你想給文檔取的名稱。
第4步：更改文檔的文件格式。
你需要將文檔從文本文件改為HTML文件：
Windows：點擊“另存為”下拉框，點擊所有文件
，然后在文件名后面加上.html。
Mac：將文件名后面的.txt改為.html。
第5步：點擊窗口底部的保存。
這就創建了一份HTML文件。
HTML文件通?？梢杂媚J的網絡瀏覽器打開。
第6步：關掉文本編輯器。
這時候，你已經可以在瀏覽器打開HTML文件，查看做好的網頁了。
第7步：用瀏覽器打開HTML文檔。
大多數時候，只要雙擊HTML文檔就可以了。如果雙擊文檔彈出出錯信息，那就進行下面的操作：
Windows：右擊文檔，選擇打開方式
，然后點擊你想使用的瀏覽器。
Mac：單擊文檔，點擊文件
，選擇打開方式
，然后點擊你想使用的瀏覽器。
第8步：根據需要編輯HTML文檔。
你可能在HTML頁面看到一個錯誤。按下面的操作編輯HTML文檔內容，以修正錯誤：
在Windows電腦上，右擊文檔，從彈出的下拉菜單中點擊編輯
。如果你有安裝Notepad++，這里的選項會是使用Notepad++進行編輯
。
在Mac電腦上，點擊文檔選中它，點擊文件
，選擇打開方式
，然后點擊TextEdit
。你也可以將文檔拖放到TextEdit。
小提示
想要把圖片放在頁面中間，可以在img
標簽里的圖片名稱后面輸入<class="center">。比如說，<img src="URL" class="center">。
你可以用<marquee></marquee>標簽，在網頁添加側向滾動的文本。不過，有些瀏覽器無法識別這個標簽。
許多人使用Notepad++編寫和編譯代碼。
每個起始標簽都必須有一個按鏡像順序匹配的結束標簽。比如說，用了<tag1><tag2>起始標簽后，要用</tag2></tag1>來結束。
警告
如果你打算在網頁添加圖片，最好先把圖片上傳到Imgur或類似的網站。貼別人的圖片可能會侵犯版權。
參考
https://www.w3schools.com/
https://www.w3schools.com/tags/att_font_color.asp
https://www.w3schools.com/html/html_formatting.asp
https://www.w3schools.com/html/html_links.asp
擴展閱讀，以下內容您可能還感興趣。
怎樣用Python寫一個Html的簡單網頁
<html>
<body>
<form>
可獲取碼列表：
<select name="liscode">
<option value="01">123456</option>
<option value="02">123457</option>
<option value="03">123458</option>
<option value="04">123459</option>
<option value="05">123460</option>
<option value="06">123461</option>
</select>
<input type="submit" value="確認獲取"/>
</form>
</body>
</html>
其中所有liscode是從一個txt文檔上提取的，當用戶點擊獲取一個的時候，該項即被刪除。
如何用python實現呢？
做一個py腳本或exe給用戶實現的話大概像下面這樣：
Python code
infile = open('codelist.txt','r') codelist = infile.readlines() used_code = codelist[0] #remove用掉的code（刪除行） codelist.remove(codelist[0]) infile.close() #重寫文件（我不知道是否有能直接刪除一行的文件操作方法） outfile = open('codelist.txt','w') for code in codelist: outfile.write(code + '\n') outfile.close() print used_code
怎么用dreamweaver制作html網頁
創建網頁頁面
1、在Dreamveaver“文件－新建－常規－基本頁－HTML”，這樣就建好了一個頁面，英文版的默認的文件名為untitled.htm。中文版的的默認的文件名為“無標題文檔”。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。
注：網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。這也就是主頁，上傳后打開網頁默認連接到此頁。
2、在標題空格里輸入網頁名稱，點擊修改－頁面屬性，打開“頁面屬性”窗口。在這里可以設置網站的標題、背景顏色或背景圖像，超級鏈接的顏色（一般默認即可），其他都保持默認即可。
3．此時光標位于左上角，可輸入一句話，如“歡迎來到我的主頁”。選取文字，用菜單“窗口/屬性”打開屬性面板，選取文字大小為6，再使文字居中，然后在文字前用幾個回車使其位于頁面中間等。
4．如要選取字體，則選擇字體中的最后一項：編輯字體列表。然后在對話框中選+號，接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體，點擊中間的按鈕就可以加入了。
注：在網頁上最常用的是宋體字。不要將特殊的字體加到列表中使用，因為別人電腦上未裝就看不到。如果需要用的話，要做成圖片后再使用。
注：在網頁上打入空格的辦法是：把輸入法調為全角。
注：在網頁上換行的辦法是：shift+Enter。只按Enter則為換段。
下面拿一個現成的例子來給大家講解一下：
現在，以下邊的簡單網頁為例，敘述一下制作過程。簡單網頁如下圖：
在開始制作之前，我們先對這個頁面進行一下分析?？纯催@個頁面用到了哪些東西。
□網頁頂端的標題“我的主頁”是一段文字。
□網頁中間是一幅圖片。
□最下端的歡迎詞是一段文字。
□網頁背景是一深紫紅顏色。
構思好這個網頁的結構，我們就可以開始制作了。
首先啟動Dreamweaver，確保你已經用站點管理器建立好了一個網站（根目錄）。
為了制作方便，請您事先打開資源管理器，把要使用的圖片收集到網站目錄images文件夾內。
進入頁面編輯設計視圖狀態。在一般情況下，編輯器默認左對齊，光標在左上角閃爍，光標位置就是插入點的位置。如果要想讓文字居中插入，點屬性面板居中按鈕即可。啟動中文輸入法輸入“我的主頁”四個字。字小不要緊，我們可以對它進行設置。
【設置文字的格式】 選中文字，在上圖屬性面板中將字體格式設置成默認字體，大小可任意更改字號。并選中“B”將字體變粗。
【設置文字的顏色】首先選中文字，在屬性面板中，單擊顏色選擇圖標，在彈出的顏色選擇器中用滴管選取顏色即可。
【設置網頁的標題和背景顏色】
點擊“修改”菜單選“頁面屬性”。系統彈出頁面屬性對話框（如下圖）
請在標題輸入框填入標題“我的主頁”。
設置背景顏色： 網頁背景可以是圖片，也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進行選取。如果背景要設為圖片，點擊背景圖象“瀏覽”按鈕，系統彈出圖片選擇對話框，選中背景圖片文件，點擊確定按鈕。
設計視圖狀態，在標題“我的主頁”右邊空白處單擊鼠標，回車換一行，按照以下的步驟插入一幅畫圖片，并使這張圖片居中。您也可以通過屬性面板中的左對齊按鈕讓其居左安放。
【插入圖像】選擇以下任意一種方法：
（1）使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對話框，選中該圖像文件，單擊確定
（2）使用插入欄：單擊插入欄對象按鈕>選 按鈕，彈出“選擇圖像源文件”對話框，其余操作同上。
（3）使用面板組“資源”面板（如下圖）：點按鈕，展開根目錄的圖片文件夾，選定該文件，用鼠標拖動至工作區合適位置
注：為了管理方便，我們把圖片放在“images”文件夾內。如果圖片少，您也可以放在站點根目錄下。注意文件名要用英文或用拼音文字命名 而且使用小寫，不能用中文，否則要出現一些麻煩。 一個圖片就插入完畢了。（插入*.swf動畫文件，選擇“插入”菜單＞媒體＞Flash）。 【輸入歡迎文字】 在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您……”然后，利用屬性面板對文字進行設置。 保存頁面。 一個簡單的頁面就這樣編輯完畢了。 【預覽網頁】在頁面編輯器中按F12預覽網頁效果。 網站中的第一頁，也就是首頁，我們通常在存盤時取名為index.htm。 【小結】我們制作了一個簡單的網頁。 內容有四： ①圖片插入和對齊設置； ②文字的格式、顏色和加粗等設置； ③背景顏色的設置； ④預覽網頁，查看實際效果。 不僅要掌握還要舉一反三反復練習。
html網頁設計：一個簡單的登錄界面代碼！
是這樣的效果嗎？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{
var username=document.getElementById("username");
var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/> <input type="reset" value="重 置"/></td></tr>
</table>
</form>
</body>
</html>
如何用文本做一個簡單的HTML網頁
方法/步驟
1
首先我們在桌面點擊右鍵找到新建。
2
然后點擊新建中的文本文檔
3
這時候桌面會多出一個文件，我們可以對它進行命名、修改等操作。
4
現在我們雙擊進入修改。
5
在文本框內輸入圖中代碼。
6
現在我們點擊保存并退出修改。
7
右鍵它進行重命名，將后綴改為html。
會彈出一個窗口我們點擊是，然后我們就會發現文本變成了網頁。
8
最后我們就可以雙擊它，進行查看了。
真棒，這就是你完成的第一個網頁了。
雖然很簡單，但我們可以通過加入更多的代碼去豐富它。
編寫簡單的網頁HTML用什么軟件好？
如果你們老師沒有教你Dreamweaver如何使用的話，可以使用editplus或notepad++這兩款編寫代碼的工具，當然，記事本也是可以的，但需要注意的是，保存文件的后綴名為html。
把以下代碼復制到編輯器或記事本里，然后在<body></body>標簽內寫上你要顯示的HTML代碼就可以了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>網頁標題</title>
</head>
<body>
</body>
</html>
希望幫助到你，有問題可向我追問，盡我所能為你解答。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:0731-84117792 E-MAIL:11247931@qq.com
Copyright ? 2019-2022 湖南福仁科技有限公司 版權所有
湘ICP備19013665號-5
視頻許可證編號：（湘）字第00637號
湘公網安備 43010402000898號
違法及侵權請聯系：TEL:0731-84117792 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務
