html做一個網頁設計_用html如何製作一個簡單的網頁代碼

1、用最常用的HTML標簽製作一個頁面？

<! html>
<html>
<head>
<meta charset="utf-8">
<title>新聞中心</title>
<style>
*{padding: 0;margin: 0;border: 0}
.left{width: 40%;float: left;margin: 5%}
.right{width: 40%;float: right;margin: 5%}
h2{color: #e52e24}
ul{margin: 5% 0 2% 0;list-style-type:none;}
ul li{margin-bottom: 10px;border-bottom:1px dashed #d4d4d4}
ul a{text-decoration:none;color: black}
ul a span{float: right}
.message-div{margin-top: 5%}
.message-div input{width: 45%;margin: 1%;float: left;height: 2rem;border: 1px solid #d4d4d4;padding-left: 5px}
.message-div img{width: 20%;height: 40px}
.message-div textarea{border: 1px solid #d4d4d4;width: 90%;margin: 1%;padding: 2%}
.foot{width: 94%;padding: 1%}
.foot b{font-size: 14px;}
.foot span{color: #e52e24;font-size: 14px}
.foot button{color: white;background-color: #e52e24;float: right;width: 100px;height: 30px}
</style>
</head>

<body>
<div class="left">
<h3>NEWS</h3>
<h2>新聞中心</h2>
<ul>
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
</ul>
<i>VIEW MORE</i>
</div>
<div class="right">
<h3>MESSAGE</h3>
<h2>在線留言</h2>
<div class="message-div">
<input type="text" placeholder="你的稱呼">
<input type="email" placeholder="你的郵箱">
<input type="text" maxlength="11" oninput = "value=value.replace(/[^\d]/g,'')" placeholder="你的電話">
<input type="text" maxlength="4" placeholder="驗證碼" style="width: 20%">
<img src="
<textarea rows="13" cols="40" placeholder="您的需求描述？"></textarea>
</div>
<div class="foot"><b>您也可以發送您的需求至郵箱：</b><span>[email protected]</span><button>提交</button></div>
</div>
</body>
</html>

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

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

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

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

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

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

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

3、如何用HTML5製作網頁

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

當然這只是最簡單的

4、如何製作HTML頁面

1、首先我們需要在桌面上，新建一張記事本

2、然後我們需要打開記事本，編寫代碼

3、然後我們需要把記事本修改後綴名為.html

4、然後我們需要在桌面上就會有一張網頁，這一點很重要。

5、最後我們需要需要在瀏覽器上運行該網頁

5、如何用html製作一個網頁

1，打開記事本，並在其中輸入必要信息，完整代碼如下：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>
<body><header><img src="molihua.jpg"width="412" height="291"</header> <article> <header> <h2>茉莉花</h2> <p>作者：宋 · 劉克庄 </p> </header> <hr/> <p>曾與瑤姬約。恍相逢、翠裳搖曳，珠韝聯絡。風露青冥非人世，攬結玉龍驂鶴。
愛萬朵、千條纖弱。
禱祝花神憐惜取，問開時、晴雨須斟酌。枝上雪，莫消卻。
惱人匹似中狂葯。
憑危欄、燭光交映，樂聲遙作。身上春衫香薰透，看到參橫月落。
算茉莉、猶低一著。坐有緱山王郎子，倚玉簫、度曲難為酢。君不飲，鑄成錯。</p> <h3>清平樂</h3> <p>冰輪萬里。雲卷天如洗。先向海山生大士。卻誕卯金之子。冰盆荔子堪嘗。膽瓶茉莉尤香。震旦人人炎熱，補陀夜夜清涼。</p><dl> <dt>《浣溪沙》</dt> <dd>南國幽花比並香。直從初夏到秋涼</dd> <dt>《鷓鴣天》</dt> <dd>攜靚侶，泛輕航。棹歌驚起野鴛鴦</dd> <dt>《真珠簾》</dt><dd>茉莉芰荷香，拍滿笙簫院。</dd>
</dl></article> <footer>2019.9.6</footer> </body></html>
啟動瀏覽器運行後，大家會發現界面並不美觀，文字看著也比較亂。

為了解決這個問題，可以在界面添加css規則，讓界面更好看，更標准化，將下面的代碼塊添加到記事本中，位置在<head>和<head/>也就是頭部之間：
<style type="text/css">body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } </style>
再次保存和預覽，是不是看著美觀多了

6、如何製作一個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、點擊「粘貼」即可。
動畫的提取大體與上相同。

導航:首頁 > 萬維百科 > html做一個網頁設計

html做一個網頁設計

與html做一個網頁設計相關的知識