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