html如何設計網頁_如何做HTML頁面

1、怎樣製作html網頁

怎樣製作html網頁?製作網頁的整體思路有：

在進行網頁製作的時候，要明白網頁的類型以及所需要的材料，並做好一個框架構想，這樣利於網頁的效果形成，對後期的建設有相應的鏈接作用和奠基作用。

先布局，再用CSS進行控制。

骨架搭好了，初始化樣式。

注意：將CSS的樣式導入到外部樣式表時，要注意圖片的位置，以及對外部樣式表的引入。這點可以參照HTML文件和LING&MAODIANSHANG等

1、頭部的背景圖片的高度128px來自素材的圖片高，容器的寬度大小也來自圖片寬

2、圖片的位置：當你在編寫index.html頁面代碼時，出現一些圖片路徑時，那麼先分清楚哪些是同級目錄文件

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

2、如何做HTML頁面

下面是一個簡單的HTML頁面
<HTML>
<HEAD>我的第一個HTML頁面</HEAD>
<BODY>這就是HTML頁面....</BODY>
</HTML>

復制上面代碼到記事本中，然後將記事本的後綴名改為.html

大功告成！

3、怎樣製作網頁html

HTML介紹：(1):<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html> 將此文件保存為「mypage.htm」。啟動瀏覽器。在文件菜單中選擇「打開」（或者「打開頁面」），這時將出現一個對話框。選擇「瀏覽」（或者「選擇文件」），定位到你剛才創建的HTML文件——「mypage.htm」，選擇它，單擊「打開」。然後在對話框中，你將看到這個文件的地址，比如說：「C:\MyDocuments\mypage.htm」。單擊「確定」，瀏覽器將顯示此頁面。
--------------------------------------------------------------------------------例子解釋HTML文檔中，第一個標簽是<html>。這個標簽告訴瀏覽器這是HTML文檔的開始。HTML文檔的最後一個標簽是</html>，這個標簽告訴瀏覽器這是HTML文檔的終止。在<head>和</head>標簽之間文本的是頭信息。在瀏覽器窗口中，頭信息是不被顯示的。在<title>和</title>標簽之間的文本是文檔標題，它被顯示在瀏覽器窗口的標題欄。在<body>和</body>標簽之間的文本是正文，會被顯示在瀏覽器中。在<b>和</b>標簽之間的文本會以加粗字體顯示。
---常見問題問：我編寫完了HTML文件，但是不能在瀏覽器中看見結果，為什麼？
答：請確認你保存了文件，並且使用了正確的文件名和擴展名，例如：「c:\mypage.htm」，並且確認你用瀏覽器打開時使用同樣的文件名。問：我編輯了HTML文件，但是修改結果並沒有在瀏覽器中顯示，為什麼？
答：瀏覽器緩存了你的頁面，所以它不需要兩次讀取同樣的頁面。你修改了這個頁面，瀏覽器並不知道。請使用「刷新/重載」按鈕來強迫瀏覽器讀取編輯過的頁面。
-----------------------------------------------------------------------------
HTML基本標簽：(2):HTML中最重要的標簽是定義標題元素，段落和換行的標簽。
標題元素標題元素由標簽<h1>到<h6>定義。<h1>定義了最大的標題元素，<h6>定義了最小的。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
HTML自動在一個標題元素前後各添加一個空行。
(3):段落段落是用<p>標簽定義的。
<p>This is another paragraph</p> HTML自動在一個段落前後各添加一個空行。
--------------------------------------------------------------------------------換行當需要結束一行，並且不想開始新段落時，使用<br>標簽。<br>標簽不管放在什麼位置，都能夠強制換行。
<p>This <br> is a para<br>graph with line breaks</p> <br>標簽是一個空標簽，它沒有結束標記。
基本注意點——有用的技巧當你寫下HTML文本的時候，你不能確知在另外一個瀏覽器中，這些文本將被如何顯示。有人用著大的顯示器，有的人用的小一些。每次用戶調整窗口大小的時候，文本都將被重新格式化。不要想在編輯器中寫一些空行和空格來協助排版。HTML將截掉你文本中的多餘空格。不管多少個空格，處理起來只當一個。一點附加信息：在HTML裡面，一個空行也只被當作一個空格來處理。使用空段落<p>來插入空白行是一個壞習慣，請使用<br>標簽來替代。（但是不要用<br>標簽來創建列表，我們後面會專門學習HTML列表的。）你也許注意到了段落可以不寫結束標記</p>。別依賴它，HTML的下一個版本將不準你漏掉任何一個結束標簽。HTML自動在某些元素前後增加額外的空行，就像在段落和標題元素的前後一樣。我們使用了水平線（<hr>標簽）來分隔我們教程的章節。
更多示例：a:多個段落：
<html>
<body>
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
<p>
The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.
</p>
</body>
</html>
(這個例子說明了段落的一些默認行為。)b:換行：

<html>
<body>
<p>
To break<br>lines<br>in a<br>paragraph,<br>use the br tag.
</p>
</body>
</html>
(這個例子說明了在HTML文檔中換行的使用。)

c:詩歌的問題： <html>
<body>
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
<p>Note that your browser simply ignores your formatting!</p>
</body>
</html>
(這個例子說明了HTML顯示格式的一些問題。)d:標題元素： <html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<p>Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.</p>
</body>
</html>
(這個例子說明了在HTML中顯示標題元素的標簽。)e:居中的標題元素：<html>
<body>
<h1 align="center">This is heading 1</h1>
<p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p>
</body>
</html>
(這個例子顯示了一個居中的標題元素。)f:水平線：<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph</p>
<hr>
<p>This is a paragraph</p>
<hr>
<p>This is a paragraph</p>
</body>
</html>
(這個例子說明了如何插入水平線。)
g:隱藏的注釋：<html>
<body>

<p>This is a regular paragraph</p>
</body>
</html>
(這個例子說明了在HTML文檔中如何插入隱藏的注釋。)h:背景色：<html>
<body bgcolor="yellow">
<h2>Look: Colored Background!</h2>
</body>
</html>
(這個例子說明了如何給頁面設置背景色。)

4、用html如何製作一個簡單的網頁代碼？

1、首先，在計算機桌面上創建一個新文件夾，然後在該文件夾中創建一個新的文本文檔。

2、然後雙擊打開帶有記事本的文本文檔，如下圖所示，我們編寫一個簡單的html代碼。

3、單擊「另存為」的功能選項，顯示默認保存為編碼為ANSI。

4、我們將更改編碼和文件名，將其更改為如圖所示的圖像並保存。

5、然後返回到新創建的文件夾，發現有一個額外的html文件。

6、最後，使用瀏覽器打開html文件，效果如圖所示，簡單的網頁被成功編寫。

5、html如何製作網頁

6、如何用HTML做網頁

餓,三樓的簡直就是胡說八道,用html不能做網頁,那網頁不是html那又是什麼呢,用htm代碼直接做一樓說的對,
不過用代碼做出來的網頁雖然能動態隨心所欲,但是沒有代碼基礎的還是勸告你別這樣了,推薦你去以下的網站看看代碼的解釋在決定用代碼做吧
htm靜態網頁,做到後面可以用ASP,PHP,等等做能互動的網站吧
樓上的真是小見多怪了
代碼學習網
http://www.gzsums.e.cn/webclass/html/html_design.html

7、如何製作一個html的網頁

我也是從別人的帖子上看到的，借花獻佛

先從最簡單的 HTML 網頁入手；選擇 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗稱三劍客網頁工具。圖象還須 Photoshop 等作為你的網頁製作工具；製作前，粗略地閱讀 Dreamweaver Fireworks 及 Photoshop 教程，了解這幾個軟體到底能做些什麼；製作你的第一個實驗性的網站，遇到困難，可買本《新編網頁製作》的書，找最新版本的，新華書店就有。資料網上也有的是，如果遇到問題難以解決，請將問題提出，讓更多高手為你解答；初級階段：應初步掌握三劍客網頁工具的基本操作：策劃和製作你的第一個網站；不斷為你的網站增加內容與功能（例如嘗試將一些 Java Script 小程序添加到你的網頁中。進階階段：具有一定的網頁製作經驗，製作一般的網頁已經不在話下：根據個人喜好及實際需要，網頁製作的方向，你可以學習一些美術方面的知識；鍛煉自己在網站策劃及信息采輯的技能；嘗試製作其他不同類型的網站，從模仿別人開始，逐漸形成自己的設計風格；熟練操作三劍客網頁工具，並至少能讀懂 HTML 及 JavaScript的簡單語言。好了！這樣，你的網頁製作水平就離高手就不遠了。祝你成功！

另外還有
（一）主頁的製作：
1、首先進入需要製作網頁後，密碼進入點擊製作網頁；
2、進入在線編輯；
3、起動瀏覽器；
4、進入其他人網頁主頁；
5、點擊其他人網頁內容；
6、點擊右鍵出復制；
7、內容編輯（下面）；
8、點擊左鍵粘貼；
9、修改不合適內容；
10、選顏色；
11、輸入文件名；index
12、點擊完成；
（二）怎樣進行超級連接？
一、相對連接：（內部連接）
第一步：先進入進入成員專區，打開網頁製作系統；
第二步：如果是連接你本網頁著作系統已上傳的文件，首先打開需要被連接的文件，點地址欄，變為蘭色，再點右鍵點復制；
第三步：進入第一頁（主頁）改內容，找到原先設定的目錄選中此目標；
第四步：點插入連接，出現對話框，點右鍵點粘貼，再點OK
第五步：選中背景顏色，點擊完成即可。

二、絕對連接：（外部連接）
其他文件（本硬碟已存或別人網站等）怎樣進行超級連接？
其他步驟基本相同唯一不同的是：首先選中你所存硬碟或別人網站地址欄內的目錄。
（三）怎樣把照片搬到自己的網頁上
一、上傳選擇法：
1、先把要般的相片存在軟盤上，（非中文文件名）
2、上傳到40兆空間
3、打開網頁製作改內容，
4、指定放相片的位置，
5、按插入相片按鈕，點「選擇」;
6、選背景顏色，按完成。
二、復制粘貼法：
1、選擇相片右鍵點「復制」，
2、進入網頁改內容指定位置，
3、點擊「粘貼」即可。
動畫的提取大體與上相同。

8、如何用HTML5製作網頁

html5標簽掌握了，從上到下從左到右，標簽合理使用，先把框架搭好，再結合css3做效果，先花時間把html5 css3看兩遍，再看網頁設計html5製作教程就ok了

當然這只是最簡單的

9、html語言怎麼做網頁

html沒學過說了也沒什麼用啊
div+css去排版

導航:首頁 > 萬維百科 > html如何設計網頁

html如何設計網頁

與html如何設計網頁相關的知識