導航:首頁 > 萬維百科 > 簡單html網頁設計代碼

簡單html網頁設計代碼

 發布時間：2020-08-03 20:44:37

1、就簡單簡單網頁代碼

昨天晚上新寫的
給你吧
<!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=gb2312" />
<title>標准網頁</title>
<style type="text/css" >
#bodydiv{ position:relative; margin-left:95px; margin-right:95px;}
#body{ background-color:#FF8080;
margin-top:auto;
color: #996600;
font-family: "黑體";
;
}
#bannerdiv{ position:relative;}
#bannertable{}
#centerdiv{ position:relative; padding-left:3px;}
#centertable{ }
#rootdiv{ margin-top:11px;}
</style>
</head>
<body id="body" >
<div id="bodydiv">
<div id="bannerdiv">
<table align="center" id="bannertable">
<tr>
<td>
<img src="banner.gif" width="770" height="170">
</td>
</tr>
</table>
</div>
<div id="centerdiv">
<table id="centertable" border="0" cellpadding="7px" >
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center"></td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td align="center"><img src="headimg.jpg" width="200" height="170" /></td></tr></table> </td>
<td rowspan="2">
<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >
<tr><td align="center">日誌</td></tr></table>
<table border="0" style="height:380px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table> </td>
<td rowspan="2">
<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >
<tr><td align="center">網站導航</td></tr></table>
<table border="0" style="height:380px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table> </td>
</tr>
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center">心情</td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center">頭像31</td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
<td>
<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >
<tr><td align="center">頭像32</td></tr></table>
<table border="0" style="height:170px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
<td>
<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >
<tr><td align="center">頭像33</td></tr></table>
<table border="0" style="height:170px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
</table>
</div>
<div id="rootdiv">
<table align="center">
<tr>
<td align="center">
<img src="rootimg.gif" height="60" width="190" />
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

2、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>

3、html網頁製作代碼

4、跪求網頁製作簡單入門html的一系列代碼速成

用一分鍾製作自己的第一個網頁： 下面我們來試著做一個簡單的網頁，希望您能跟著我們操作，這只會花費您一分鍾時間。現在您也許不知道那些尖括弧「<>」和裡面的字母究竟是些什麼東西，不要擔心，我們會在後面的教程中向您介紹。 首先請運行記事本，或在任意位置新建一個文本文檔，在記事本內輸入如下內容： 網頁教學網以下為引用的內容： 我是這個網頁的標題 這是我的第一個網頁。 輸入完畢後將文件保存，命名為「index.html」。(點擊「文件」—>「另存為」。在「文件名」一欄填入「index.html」，在「保存類型」一欄選擇"所有文件"，然後點擊「保存按鈕」) Webjx.Com保存之後，雙擊該文件，瀏覽器就會自動打開這個網頁了。請確認一下你的網頁是否與該頁面相同，如果相同，那麼你就成功地完成了自己的第一個比較簡陋的網頁。 Webjx.Com請注意，這只是一個簡單的頁面，雖然它在語法上符合XHTML的標准，但是如果要作為一個完整的、符合W3C標準的XHTML網頁，它還缺少一些內容。相關內容將在後面的教程中介紹。這個網頁僅僅是用來講解一些基礎的XHTML知識。 基礎知識講解 Webjx.Com 我們剛剛製作的網頁以 開頭，以 結尾，它們分別代表網頁文件的開始和結束。 Webjx.Com英文中head是頭的意思，body是身體的意思。網頁的 和 兩部分就分別代表了網頁的「頭」和「身子」。也許你注意到了，我們網頁的「頭」裡面「有一個 。title一詞是標題的意思，網頁的標題(title)將會顯示在瀏覽器上方的標題欄中。而網頁的身子，也就是 與 標簽中間的內容將作為正文被顯示在瀏覽器中。 網頁教學網這個網頁很單薄，head和body中都沒有什麼內容。我們會在以後的教程中逐漸豐富網頁的內容。但是現在請您記住一個概念：網頁的頭(head)是為瀏覽器寫的，它將不會顯示在頁面上，而身子(body)是為網站的用戶寫的，是瀏覽器將要顯示的內容。 菜鳥惡搞XHTML之錯誤示例 網頁教學網 打開下面這兩個錯誤示例看看。它們的代碼都存在十分嚴重的錯誤，但是瀏覽器卻會准確無誤地顯示這兩個網頁。 示例1——身子長在腦袋裡 我是這個網頁的標題 這是我的第一個網頁。 網頁教學網看看上面這個網頁， 和 之間的內容正常的顯示在頁面上了。但是這是滑稽的錯誤，把身子放在腦袋裡了。 Webjx.Com 示例二——腦袋長在脖子下 我是這個網頁的標題 這是我的第一個網頁。 Webjx.Com瀏覽器的適應能力實在是令人佩服，即使你將腦袋放在身子里它也認得出來。看看標題欄，標題完全正常顯示。 好了，在實際應用的時候請不要犯上面這種低級錯誤。這會造成嚴重的後果：搜索引擎可能不收錄你的網站；使用手機或者其他移動設備瀏覽你網站的朋友可能遇到未知錯誤。下面就趕快讓我們來進入XHTML的核心內容吧。 本文來自：網頁教學網( www.webjx.com )原文鏈接： http://www.webjx.com/html-xhtml/webxhtml-2463.html

5、html求製作一個簡單網頁代碼，只需要一些文字加張圖片

完整的代碼如下：
<html>
<head>
<title>簡單網頁製作練習</title>
</head>
<body>
<p>1.文字內容，直接輸入文字即可。。。。。如果想設置其相關屬性可以使用font標簽
<font size="18" color="red" >紅色18號文字</font> </p>
<p> 2.添加圖片 <img src="圖片名稱.屬性" id=「圖片簡介」>
<img src="1.jpg" id=" 加入圖片練習"> </p>
</body>
</html>
樓主，如果不明白可以HI聯系我。。。。

6、求html靜態頁面的代碼，簡單點的?

<html><head> <title>滾動字幕</title> </head>
<body text=#ff0000 bgcolor=#ccff99>
<marquee>請進入音樂休閑屋</marquee>
<marquee direction=left>看我還會動呢,並且是從右向左移動
</marquee> <p>
<marquee direction =right behavior=scroll>我從左向右一圈一圈的移動
</marquee > <p>
<marquee scrollamount=18>我是不是移動的比較快？
</marquee> <P>
<marquee loop=3 bgcolor=blue>我的底色是藍的，我循環三次即停止移動
</marquee > <p>
</body> </html>

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

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

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

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

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

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

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

8、怎麼用html製作簡單得網頁代碼？

HTML的全稱是HyperTextMarkupLanguage，超文本標記語言 。
其實它就是文本，由瀏覽器負責將它解析成具體的網頁內容。

比如，瀏覽器會將下面的HTML代碼。

9、誰能幫我用HTML語言做一個簡單的網頁?代碼就行

<html>

<head>

<title>第一個html網頁</title>

<metacharset="utf-8">

</head>

<body>

</body>

</html>

<html>

<head>

<title>第一個html網頁</title>

<metacharset="utf-8">

</head>

<body>

<table>

<tr>

<td>第一行第一列專</td>

<td>第一行第二列</td>

</tr>

<tr>

<td>第二行第一列</td>

<td>第二行第二列</td>

</tr>

</table>

</body>

</html>

(9)簡單html網頁設計代碼擴展資料

HTML語言特點

1、HTML語法較屬弱。

在w3c制定的HTML5規范中，對於HTML5在語法結構上的規格限制是較鬆散的，如、或在瀏覽器中具有同樣的功能，是不區分大小寫的。另外，也沒有嚴格要求每個控制標記都要有相對應的結束控制標記。

2、HTML5編寫簡單。

即使用戶沒有任何編程經驗，也可以輕易使用HTML來設計網頁，HTML5的使用只需將文本加上一些標記(Tags)即可。

3、HTML標記數目有限。

在w3C所建議使用的HTML5規范中，所有控制標記都是固定的且數目是有限的。固定是指控制標記的名稱固定不變，且每個控制標記都已被定義過，其所提供的功能與相關屬性的設置都是固定的。

與簡單html網頁設計代碼相關的知識