正文

html個人簡介網(wǎng)頁代碼（html簡單網(wǎng)頁代碼）

發(fā)布時間：2023-03-29 15:03:20 稿源：創(chuàng)意嶺閱讀： 1484 當前文章關(guān)鍵詞排名出租

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于html個人簡介網(wǎng)頁代碼的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國，相關(guān)業(yè)務(wù)請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、注冊/登陸頁面HTML代碼該怎么寫？
2、誰能幫我用HTML語言做一個簡單的網(wǎng)頁?代碼就行
3、怎樣制作個人網(wǎng)頁，有教程，簡單點。
4、需要一份html教程的網(wǎng)頁制作，主題是我的個人網(wǎng)頁，

html個人簡介網(wǎng)頁代碼（html簡單網(wǎng)頁代碼）

一、注冊/登陸頁面HTML代碼該怎么寫？

以下為個人原創(chuàng)教學(xué)例子，任何人引用需注明出自百度知道用戶am7972,樓主可供參考

該例子涵蓋了文本框、密碼框、下拉菜單、單選框、復(fù)選框及文本區(qū)的使用

同時在數(shù)據(jù)的使用方面涵蓋了文本型、數(shù)值型、日期型、布爾型的使用

也涵蓋了在會員信息入數(shù)據(jù)庫前，進行嚴格的數(shù)據(jù)檢查

不足處，JS驗證還不是太完善，不過有服務(wù)端認證足夠了

<!--function CheckForm()

{

if(document.userinfo.username.value == "")

{ alert("請輸入姓名,姓名不能為空！");

document.userinfo.username.focus();

return false;

}

if(document.userinfo.username.value.length > 10)

{

alert("輸入的姓名長度最多為10個字符！");

document.userinfo.username.focus();

return false;

}

//--></script>

</head>

<body>

</td> </tr>

</tr>

</form>

</table>

====bb.asp的會員注冊非法數(shù)據(jù)監(jiān)測====

username = Request("username")

userPassword = Request("userPassword")

Sex = Request("Sex")

userSR = Request("userSR")

userNL = Request("userNL")

ah = Request("ah")

swfs = Request("swfs")

userGrjs = Request("userGrjs")

'判斷數(shù)據(jù)合法性，絕對不能讓非法數(shù)據(jù)進入系統(tǒng)

'判斷姓名username合不合法，是否包含非法數(shù)據(jù)

username = Trim(username) '例如：" 張三 "經(jīng)過處理之后變成"張三"

If username ="" Then

Response.write "姓名不能為空"

Response.End

End If

If Len(username)>10 Then

Response.write "姓名字數(shù)不能超過10個字" 'Len("Z")=1 Len("國")=2

Response.End

End If

For i = 1 To Len(username)

q = Mid(username,i,1)

If InStr("!@#$%^&*()_-+|<>?/"",.",q)>0 Then

Response.write "姓名不能包含特殊符號!@#$%^&*()_-+|<>?/"",."

Response.End

End If

'判斷密碼合不合法，是否包含非法數(shù)據(jù)userPassword = Trim(userPassword)If userPassword ="" Then Response.write "密碼不能為空" Response.EndEnd If

If Len(userPassword)>20 Then

Response.write "密碼字數(shù)不能超過20個字"

Response.End

End If

'判斷密碼合不合法，是否包含非法數(shù)據(jù)

Sex = Trim(Sex)

If Sex = "" Then

Response.write "性別不能為空"

Response.End

End If

If Sex <> "True" And Sex <> "False" Then

Response.write "性別不能為不男不女"

Response.End

End If

'判斷生日合不合法，是否包含非法數(shù)據(jù)

userSR = Trim(userSR)

If userSR ="" Then

Response.write "生日不能為空"

Response.End

End If

If Len(userSR)<8 Or Len(userSR)>10 Then '例如：2012-6-3 2012-11-23

Response.write "你輸入的生日字數(shù)不對，應(yīng)為2012-6-3或2012-11-23格式"

Response.End

End If

If IsDate(userSR)=False Then

Response.write "你輸入的生日格式不能轉(zhuǎn)化為日期，請核實"

Response.End

End If

If DateDiff("yyyy",userSR,Date())<1 Or DateDiff("yyyy",userSR,Date())>200 Then

Response.write "根據(jù)你輸入的生日你可能小于1歲或已經(jīng)超過200歲了，請核查重新輸入"

Response.End

End If

'判斷年齡合不合法，是否包含非法數(shù)據(jù)userNL = Trim(userNL)If userNL ="" Then

Response.write "年齡不能為空"

Response.End

End If

If IsNumeric(userNL)=False Then

Response.write "你輸入的年齡不能轉(zhuǎn)化為數(shù)值，請核查"

Response.End

End If

userNL = CInt(userNL)

If userNL<0 Or userNL>200 Then

Response.write "你輸入的年齡不能小于0歲或者大于200歲，請核查"

Response.End

End If

'判斷愛好合不合法，是否包含非法數(shù)據(jù)ah = Trim(ah) '選擇多個愛好則系統(tǒng)會用，分開 //測試

ah = Replace(ah," ","")

arrAh = Split(ah,",")

For i = LBound(arrAh) To UBound(arrAh)

If arrAh(i)<>"sw" And arrAh(i)<>"ds" And arrAh(i)<>"ty" Then

Response.write i & "你選擇的愛好有問題，請核查" & arrAh(i)

Response.End

End If

'判斷上網(wǎng)方式合不合法，是否包含非法數(shù)據(jù)swfs = Trim(swfs)If swfs = "" Then

Response.write "上網(wǎng)方式不能為空"

Response.End

End If

If swfs<>"bhsw" And swfs<>"wxsw" And swfs<>"gxsw" Then

Response.write "你選擇的上網(wǎng)方式有問題，請核查"

Response.End

End If

'判斷個人簡介是否為空，是否超出1000個字

userGrjs = Trim(userGrjs)

If userGrjs = "" Then

Response.write "個人簡介不能為空"

Response.End

End If

If Len(userGrjs) > 1000 Then

Response.write "個人簡介不能超過1000個字"

Response.End

End If

Response.write "數(shù)據(jù)合法性檢測通過"

====登陸的HTML代碼可相信樓主參照會員注冊代碼應(yīng)該沒問題了====

二、誰能幫我用HTML語言做一個簡單的網(wǎng)頁?代碼就行

<html>

<head>

<title>第一個html網(wǎng)頁</title>

<metacharset="utf-8">

</head>

<body>

</body>

</html>

<html>

<head>

<title>第一個html網(wǎng)頁</title>

<metacharset="utf-8">

</head>

<body>

<table>

<tr>

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

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

</tr>

<tr>

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

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

</tr>

</table>

</body>

</html>

擴展資料

HTML語言特點

1、HTML語法較弱。

在w3c制定的HTML5規(guī)范中，對于HTML5在語法結(jié)構(gòu)上的規(guī)格限制是較松散的，如、或在瀏覽器中具有同樣的功能，是不區(qū)分大小寫的。另外，也沒有嚴格要求每個控制標記都要有相對應(yīng)的結(jié)束控制標記。

2、HTML5編寫簡單。

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

3、HTML標記數(shù)目有限。

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

三、怎樣制作個人網(wǎng)頁，有教程，簡單點。

具體步驟如下：

1、打開服務(wù)器中網(wǎng)站文件的目錄，假設(shè)為D:\abcd。

2、新建一個txt文件，文件名改為index.htm。index.htm文件是網(wǎng)站首頁的鏈接，進入你的網(wǎng)站后第一個顯示的就是這個文件上的內(nèi)容。然后右鍵index.htm—>打開方式—>記事本。

3、現(xiàn)在可以添加html代碼，使得網(wǎng)頁顯示文本。<p></p>是html中段落的標簽，<p>是開始符，</p>是結(jié)束符，兩個符號之間的字會顯示在網(wǎng)頁上。在index.htm中添加一行：<p>聲明：這是一個個人網(wǎng)站，網(wǎng)頁里的內(nèi)容均為站主原創(chuàng)，請勿用于違法行為。</p>；下圖為效果截圖。

4、還可以為網(wǎng)頁添加圖片，圖片的標簽是<img>。假設(shè)圖片文件的路徑為D:\abcdpic123.jpg，則在index.htm中添加一行：<img src=pic/123.jpg>。下圖為效果截圖。

5、添加鏈接的標簽是<a></a>。在index.htm中添加一行：<a href="https://www.baidu.com">百度，前面是鏈接，這里是顯示的字。</a>下圖為效果截圖，點開藍字，則會跳轉(zhuǎn)到"百度一下"。

6、完成上述步驟后，即可制作個人網(wǎng)頁。

四、需要一份html教程的網(wǎng)頁制作，主題是我的個人網(wǎng)頁，

這是我在大學(xué)學(xué)的知識

給你借鑒一下，希望對你有幫助

網(wǎng)頁設(shè)計教程

<html>文字操作（一）

1、段落 <p>……</p>

在dreamweaver設(shè)計界面中，enter（回車）即為另起一段。

2、換行 <br/>

在dreamweaver設(shè)計界面中，shift+enter即為另起一段。

3、標題1~6 <h1>……</h1>

標題1最大，依次變小。

4、空格:

Dreamweaver 只允許一次空格，如果需要使用連續(xù)空格，則需要設(shè)置，或使用；

或使用快捷鍵：ctrl+shift+space（空格鍵）

5、水平線 <hr>

size:水平線的粗細

width:長度

align:對齊方式

<htlm>文字操作（二）

一、幾個文字特殊效果

1、加粗<b></b> <strong></strong>

2、傾斜<i></i> <em></em>

3、上標<sup></sup>（適合用代碼來實現(xiàn)，設(shè)計中無法完成）

4、下標<sub></sub>（適合用代碼來實現(xiàn)，設(shè)計中無法完成）

隨著css的逐漸普及，文字的效果都更多的通過css來實現(xiàn)，以上的幾個標簽作為了解即可。

二、文字列表

1、無序列表

無序列表有兩個標簽<ul>和<li>

<ul>

<li>CSS教程</li>

<li>DOM教程</li>

<li>XML教程</li>

<li>Flash教程</li>

</ul>

2、有序列表

有序列表有兩個標簽<ol>和<li>

<ol>

<li>CSS教程</li>

<li>DOM教程</li>

<li>XML教程</li>

<li>Flash教程</li>

</ol>

圖片

一、如何獲取圖像

最好的途徑是通過互聯(lián)網(wǎng)

二、使用設(shè)計界面插入圖像

1、菜單（一個圖片屬性：替換文字）

2、工具欄

3、拖曳

三、圖像格式擴展閱讀：

http://blog.sina.com.cn/s/blog_45ac0d0a010005d8.html

JPEG圖像、GIF圖像、PNG圖像

四、代碼

一、超級鏈接的基本知識

1、含義：實現(xiàn)網(wǎng)頁之間的跳轉(zhuǎn)和聯(lián)系

2、分類：

絕對鏈接 http://www.baidu.com

相對鏈接在同一站點不同位置之間的鏈接

二、三種常見的超級鏈接

1、文字鏈接<a href="http://www.baidu.com">百度</a>

2、圖像鏈接

3、圖像熱點鏈接

===============

還有不是太常用的鏈接

1、空連接 <a href="#">空連接</a>

2、錨鏈接:在同一頁面的不同位置跳轉(zhuǎn)

三、鏈接的屬性

鏈接目標 <a href="http://www.baidu.com" target="_blank">百度</a>

表單設(shè)計

一、設(shè)計界面

1、單元格間距

2、單元格邊距

二、代碼

1、從屬關(guān)系：表格由行組成，行由單元格組成。

表格：<table>……</table>

行：<tr>……</tr>

單元格：<td>……</td>

2、<table>標簽的屬性

bgcolor:背景色

cellspacing:表格的單元格間距（間距）

cellpadding:表格的單元格邊距（填充）

文字占據(jù)一行<div></div>

文字不占據(jù)一行<span></span>

、html引入css的幾種方法

1、鏈接式

將css代碼寫在一個獨立的文件中，文件的擴展名為.css。然后在html網(wǎng)頁中使用<link/>標簽將外部css文件放在<head></head>之間。舉例：

<head>

<title>無標題文檔</title>

</head>

2、嵌入式

將Css代碼寫在<head></head>之間，并且用<style></style>包含起來，如果考慮到兼容性，可以再使用 將css代碼包含其中。

<head>

<title>無標題文檔</title>

<!--

p {

font-family: "楷體_GB2312";

font-size: 18px;

}

-->

</style>

</head>

1．標簽選擇器：

就是網(wǎng)頁元素本身，所有的XHTML框架中的標簽都可以作為CSS樣式的選擇器，如定義段落樣式，我們可以選擇P標簽的名稱，即把P作為選擇器。P{/*定義段落屬性*/}。如果定義了標簽樣式，則整個網(wǎng)頁中使用了該標簽都會應(yīng)用這個樣式。一般應(yīng)用在統(tǒng)一文檔的某個元素的顯示樣式中。

2．ID選擇器：

它是唯一的，網(wǎng)頁中不同的元素它的ID是不一樣的。而且一個元素它只能應(yīng)用一個ID。因為如果我們使用Javascript來控制網(wǎng)頁元素的時候它是通過ID來實現(xiàn)的，在這種情況下就無法正常工作了。它在定義的時候用#開始，它在應(yīng)用的時候用id=””。它的名稱由設(shè)計者來確定。

3．類選擇：

它的名稱也是由設(shè)計者來確定的，它在定義的時候用點號開始，應(yīng)用的時候用class=“”；它與ID選擇器所不同的是它具有一對多的特性而ID是一對一的特性。也就是說一個類選擇器它可以應(yīng)用到多個網(wǎng)頁元素中而且一個元素可以應(yīng)用多個類，一個元素也可以應(yīng)用兩個類樣式，中間用空格分開，但不能是三個或者更多。在同等條件下，ID具有比class更高的優(yōu)先權(quán)。

1、復(fù)雜類選擇器

p.one{color:red}

實例：

<style>

.one{color:red;}

p.two{color:blue;}

</style>

.one可以用于各種標簽；而。two只能用于p標簽。

2、后代選擇器

div p{color:#00FF00}

例子：

<div>

<h1>這是一個標題。</h1>

<p>我是一個兵。</p>

</div>

3、組合選擇器（集體聲明）

p，h1，.one{color:red}

4、通用選擇器

對html文檔的所有元素進行控制。

*{color：red；}

5、偽類選擇器

a:link;hover;visited;active

或者：a.one:link;a#two:link

當用css定義鏈接的各種狀態(tài)時，一定要注意其書寫順序，即：:link :visited :hover :active。

如果不按照該順序書寫可能無法達到自己希望的效果。

一、屬性

1.大小 font-size

大小就是字號，可以直接填入數(shù)字，然后選擇單位。

2.樣式

font-style

設(shè)置文字的外觀，包括正常、斜體、偏斜體。

3.行高 line-height

這項設(shè)置在網(wǎng)頁制作種很常用。設(shè)置行高，可以選擇“正?！保層嬎銠C自動調(diào)整行高，也可以使用數(shù)值和單位結(jié)合的形式自行設(shè)置。需要注意的是，單位應(yīng)該和文字的單位一致，行高的數(shù)值是包括字號數(shù)值在內(nèi)的。例如，文字設(shè)置為12pt，如果要創(chuàng)建一倍行距，則行高應(yīng)該為24pt。

4.修飾 font-decoration

文本的特殊樣式：上下劃線、刪除線、閃爍（IE不支持此效果）

5.粗細 font-weight

設(shè)置文字的加粗還是變細的效果。

6.顏色 color

設(shè)置文字的色彩。

顏色的表示方法常見的有RGB模式、十六進制模式和名稱模式。

7.字體 font-family

設(shè)置文字的字體，注意多個字體的選擇。

8.文本對齊 text-align

設(shè)置文本的水平對齊方式。這里也不僅僅局限于文字，泛指所包含的內(nèi)容。

9.文字縮進 text-indent