第一篇博客:HTML學習筆記

據說學編程的都有個通病,就是學了容易忘記,之前解決過的問題再次出現居然還是忘記怎麼解決。

於是朋友推薦我寫技術博客,他寫的CSDN博客排名是8千多,在這牛人的世界裏有個8千多的排名已經很了不起啦!

於是我就開始着手寫博客,主要是把自己在學習和工作當中遇到的問題已經通過努力把問題解決了這一方面已經一段時間裏學習和工作的心得體會寫下了,積累下去將是對我自己的一筆大財富,至少我是這麼認爲的,呵呵!

目前我正在學習Android應用開發,博客主要內容還是圍繞着Android來展開,在學習過程中一些相關的知識點我也會經常忘記了,拿出了複習一下。下面這一篇是關於html的,非常基礎,大神別噴我啊!練練手試試寫博客嘛!

第一次寫博客,如有錯漏和建議,懇請指出!謝謝

【源代碼】

<html>
<head>
         <title>www.csdn.net,CSDN:全球最大的中文IT社區</title>
</head>
<body>
<form action=""method="post">
         編  號:
         <inputtype="text" name="userid" value="NO."size="2" ,maxlength="2"><br>
         用戶名:
         <inputtype="text" name="username" value="請輸入用戶名"><br>
         密  碼:
         <inputtype="password" name="userpass" value="請輸入密碼"><br>
         性  別:
         <inputtype="radio" name="sex" value="男"checked>男
         <inputtype="radio" name="sex" value="女">女<br>
         部  門:
         <selectname="dept">
                   <optionvalue="技術部">技術部</option>
                   <optionvalue="銷售部">銷售部</option>
                   <optionvalue="財務部">財務部</option>
         </select><br>
         興  趣:
         <inputtype="checkbox" name="inst" value="唱歌">唱歌 
         <inputtype="checkbox" name="inst" value="游泳">游泳   
         <inputtype="checkbox" name="inst" value="跳舞">跳舞   
         <inputtype="checkbox" name="inst" value="編程"checked>編程
         <inputtype="checkbox" name="inst" value="上網">上網<br>
         說  明:
         <textareaname="note" cols="30" row="3">我的CSDN技術博客:http://blog.csdn.net/u012541577
         </textarea><br>
         <inputtype="submit" value="註冊"><inputtype="reset" value="重置">
</form>
</body>
</html>

【結果】

出現中文亂碼



【解決辦法】

在html源碼開頭加入文字編碼的說明語句:  <meta http-equiv="Content-Type"content="text/html; charset=utf-8" />

再次打開html文件,中文亂碼已解決



【總結】

1、  所有表單都必須使用<form>元素進行聲明,其中action爲表單要提交信息的路徑

2、  textarea 大文本輸入框,cols表示大文本顯示的長度

3、  input type的屬性:

text

普通輸入文本

password

密碼輸入框

checkbox

複選框

radio

單選框

submit

提交按鈕

reset

重置按鈕

hidden

隱藏域

file

文件選擇框

4、  meta屬性

說明文字編碼:    metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
說明採用的語言: <meta http-equiv="Content-Language"content="zh-CN" />
說明了作者:    <metaname="author" content="Csdn" />
說明了版權:    <meta name="Copyright"content="Csdn" />
對網站的簡單描述:   <metaname="description" content="" />
說明本網站的關鍵字   <meta content="" name="keywords" />

最後這兩行主要是被百度這些搜索網站檢索的時候用的,非常重要!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章