靜態網頁設計html文件_靜態網頁製作作業要HTML的簡單點不要太復雜初學那種的

1、怎麼製作 HTML靜態網頁？

教程：http://www.w3school.com.cn/index.html

2、靜態網頁製作作業。要HTML的，簡單點，不要太復雜，初學那種的。

<html>
<head>
    <style>
        html,body{margin:0px;text-align:center;}
        .main{width:1000px;margin:0px auto;padding-top:30px;}
        .title{font-size:18px;text-decoration:underline;font-weight:bold;}
        .formtable{width:100%;font-size:12px;margin-top:20px;}
        .lefttd{width:350px;text-align:right;}
        .righttd{text-align:left;}
        .etxt{width:300px;}
        .etel{width:200px;}
        .eta{width:320px;height:100px;}
.cinpt{text-align:center;padding-top:20px;}
    </style>
</head>
<body>
    <div class="main">
        <div><span class="title">請留下個人資料</span></div>
        <div>
            <table class="formtable">
                <tr><td class="lefttd">姓名：</td><td class="righttd"><input type="text" /></td></tr>
                <tr><td class="lefttd">E-mail：</td><td class="righttd"><input type="text" class="etxt" /></td></tr>
                <tr><td class="lefttd">電話：</td><td class="righttd"><input type="text" class="etel" /></td></tr>
                <tr><td class="lefttd">性別：</td><td class="righttd"><input type="radio" checked="checked" name="rd" />女 <input type="radio" checked="checked" name="rd" />男</td></tr>
                <tr><td class="lefttd">年齡：</td><td class="righttd"><select><option>20以下</option><option>20以上</option></select></td></tr>
                <tr><td class="lefttd">留言板：</td><td class="righttd"><textarea class="eta"></textarea></td></tr>
                <tr><td class="lefttd">您的愛好：</td><td class="righttd"><input type="checkbox" name="cb1" />運動 <input type="checkbox" name="cb2" />閱讀 <input type="checkbox" name="cb2" />聽音樂 <input type="checkbox" name="cb2" />旅遊</td></tr>
<tr><td colspan="2" class="cinpt"><input type="button" value="提交" /></td></tr>
</table>
        </div>
    </div>
</body>
</html>

初學的，那上面這段代碼應該可以了

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

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

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

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

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

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

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

4、html靜態網頁怎麼製作啊

<html><head><title>我的網頁</title></head><body>我的網頁</body></html>

最最基本的HTML，把他復制下來粘貼到記事本，然後把記事本的後綴改成html.

5、如何製作靜態網頁

有種最簡單的方法，最多十分鍾就搞定一頁：一，用DW軟體，打開-插入-表格-（這里您已經有了要作一個什麼樣網頁的大致想法）幾行，幾列。寬度要在1000為好，這樣下面就會出現一個導航條，邊界設置為0。如：插入表格為1行3列-確定。在用滑鼠點擊第一空格，插入-圖片，尋找您要插入圖片的位置，確定（或保存），然後在用滑鼠點擊第二個空格，插入。。。。等。以此類推。然後再用滑鼠點擊您剛才插入表格的下沿。重復您剛才的動作——插入-表格。幾行幾列要根據您對頁面的構思而定。如果要在空格里插入文章，一定要把文章的格式轉換成純Word文檔，後綴為.doc

6、靜態網頁製作

方法/步驟

1、新建一個txt文本文檔，先不要急著修改文件後綴名，有基礎的朋友手動輸入HTML代碼，不會也沒有關系，百度搜索「網頁HTML代碼」。
代碼：
<!Doctype html>
<html>
<head>
<title>靜態網頁製作教程</title>
<meta charset="gbk" />
<link href="css.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
</body>
</html>

2、基礎的靜態網頁代碼寫出來了，下面在<body></body>中間添加網頁需要的數據內容（文字、圖片、表格、視頻等），然後將txt文本文檔的後綴名.txt修改為.html。現在點擊打開看看效果！小編在body中間加入的文字：靜態網頁製作教程。

3、這樣的文字太單調了，需要用CSS樣式定義，小編在桌面上新建一個文件夾「web」，把index.html文件放進去，然後在web文件件裡面新建一個txt文本文檔，修改為「css.css」。

4、使用滑鼠右鍵「打開方式」，選擇txt文本文檔編輯css.css文件。用CSS定義網頁字體大小12像素，網頁背景色為紅色，字體顏色為白色。
代碼：
body{font-size:12px;background:red;color:white}
保存，然後打開web文件夾中的index.html文件，查看效果。

5、下面在web文件下面新建一個images文件夾，然後打開軟體Fireworks，設計自己需要的圖片（沒有就去百度搜索自己需要的圖片，使用QQ截圖功能，截取自己需要的圖片），把設計好的圖片存入web文件夾下面的images文件夾裡面。現在我們在body中放入圖片，讓圖片在網頁裡面居中。
代碼：
<div align="center">
<img src="images/pic.png" alt="logo" title="靜態網頁製作教程" />
</div>
把上面的代碼放入index.html的body中，保存後打開看看效果！
小編在這里省略了表格和視頻的製作，小夥伴不知道的話，可以百度搜索一下。
整個簡單的靜態網頁製作完畢。

導航:首頁 > 萬維百科 > 靜態網頁設計html文件

靜態網頁設計html文件

與靜態網頁設計html文件相關的知識