- 網(wǎng)頁設(shè)計(jì)html學(xué)習(xí)心得 推薦度：
- 相關(guān)推薦
html學(xué)習(xí)心得
html學(xué)習(xí)心得【1】
通過近一個(gè)多月的對(duì)HTML的學(xué)習(xí)，我們已經(jīng)能夠熟練得使用HTML中的一些常用的標(biāo)簽以及頁面的布局，我們這一期的課程安排只是要我們能夠初步熟悉HTML。所以書本上的介紹也很詳細(xì)。
第一章主要介紹了HTML的主要結(jié)構(gòu)，以及一些基本的標(biāo)簽，這一章需要記的東西稍多一點(diǎn)，因?yàn)槊總�(gè)標(biāo)簽都要記它的用法和單詞。我覺得這一章最好玩的標(biāo)簽應(yīng)該就算是“marquee”這個(gè)標(biāo)簽了，因?yàn)樗梢允刮淖只驁D片動(dòng)起來。
第二章整個(gè)章節(jié)都是在介紹表格的用法。表格在網(wǎng)頁設(shè)計(jì)中很重要，它可以算是整個(gè)頁面布局的半個(gè)靈魂(因?yàn)楹竺孢�有一個(gè)DIV)。這一章不光要了解表格的建立方式，還要了解表格中涉及到的一些屬性及其用法。另外我覺得學(xué)好這一章為我們以后借鑒別人的作品也很有幫助。
第三章主要介紹了兩個(gè)部分，一個(gè)是表單，在表單里涉及到了幾個(gè)控件，如：文本框，密碼框，單選按鈕，復(fù)選框，下拉列表框，多行文本，提交按鈕和重置按鈕。這些為我們以后什么登錄系統(tǒng)時(shí)很有幫助。這一章的另一個(gè)部分是框架，框架可以實(shí)現(xiàn)網(wǎng)頁局部的刷新。
第四章又是這一本書的另一個(gè)重點(diǎn)，就是CSS樣式表。網(wǎng)頁就是一個(gè)門面，做為門面當(dāng)然要漂亮，而CSS樣式就是來裝扮門面的彩妝。樣式表可以實(shí)現(xiàn)網(wǎng)頁編碼和美工的分離這樣即方便了編碼人員的修改又方便了后來人員對(duì)代碼的閱讀，同時(shí)他還可以實(shí)現(xiàn)一些很炫的效果，例如鼠標(biāo)停在某個(gè)超鏈接上時(shí)超鏈接的背景發(fā)生變化，設(shè)置文字有背景色，霧狀顯示圖片等。
第五章和第六章主要是介紹了一個(gè)設(shè)計(jì)工具-Dreamweave，它是一款可視化的編寫工具，并且提供一些控件，這就很大程度上方便了網(wǎng)頁的編碼量。當(dāng)然在第四章中還介紹到了DIV層的使用，這個(gè)也是很重要的。上面說到表格是頁面布局的半個(gè)靈魂，現(xiàn)在表格+DIV就是頁面布局的整個(gè)靈魂�？梢奃IV的重要性，當(dāng)頁面部局規(guī)則的話可以使用表格，當(dāng)頁面部局不規(guī)則的話我們的DIV就要登場了。另外在第五章中還介紹了一些IIS的配置和網(wǎng)站發(fā)布的方法。
HTML可以說是許多門語言的基礎(chǔ)，因?yàn)楹退诘木陀泻芏啵纾篨ML、SHTML……。甚至近幾年剛出現(xiàn)的ajax技術(shù)也是使用HTML進(jìn)行編寫的。隨著B/S模式系統(tǒng)的發(fā)展，HTML也就成為了作為一個(gè)IT人必須要掌握的語言。
剛開始學(xué)這門語言的時(shí)候老師要我們在記事本里面寫，現(xiàn)在想起來確實(shí)是很必要的，因?yàn)橛辛四菢拥囊欢谓?jīng)歷你才會(huì)記住那些以前看上去讓人眼花繚亂的標(biāo)記，以前見過一些人打開記事本就寫代碼，讓人覺得有點(diǎn)高不可攀，現(xiàn)在想來也只能自嘲的笑笑罷了。
小事加小事要合理安排才能成大事，我把這一個(gè)多月里的每一天用表格和層進(jìn)行了布局。
也許只做一塊感受很簡單，但如果是一整頁呢?結(jié)束時(shí)的項(xiàng)目實(shí)戰(zhàn)和網(wǎng)頁設(shè)計(jì)大賽還真讓我頭痛了一把，另外還總遇到些“奇怪”的問題，什么表格拖不了了，布局沒問題，瀏覽就出問題了……。原來要裁一件漂亮的“衣服”還真難呀!
這一個(gè)多月過得還是很有趣�？倳�(huì)遇到一些奇怪的小錯(cuò)誤，然后一堆人去那兒抱頭苦思，最后發(fā)現(xiàn)原來少了一個(gè)尖括號(hào),嚴(yán)密的邏輯思維和對(duì)思節(jié)的注意是對(duì)作為一個(gè)IT人的基本要求。我覺得編程很有趣，尤其是做出一個(gè)程序后會(huì)覺得很有成就感。所以我會(huì)努力。
html學(xué)習(xí)心得【2】
經(jīng)過1天多的艱苦奮戰(zhàn)，終于把html(Hypertext markup language)的基礎(chǔ)教程給看完了。
這次為了xml而看了這“古老”的技術(shù)，還是有點(diǎn)收獲的。。總體來說，雖然不是很熟練，但是看懂一般的html網(wǎng)頁源文件已經(jīng)不是問題了。閑來無事，就寫寫筆記吧，說說感受也好!
html給我的感覺是很標(biāo)準(zhǔn)，很有格式的。最主要的代碼特點(diǎn)就是標(biāo)記成對(duì)的出現(xiàn)，雖然有些可以省略，但是建議除非太過煩瑣還是把前后都加上去吧!作為一個(gè)完整的html網(wǎng)頁，總是有頭部，主體和結(jié)尾3大部分，分別用head/head，body/body和/html表示。另外，一個(gè)重要特性就是可以自定義風(fēng)格(CSS)，這是非常方便的，類似于編程語言的類的功能吧!同時(shí)，還可以嵌入其他script來增強(qiáng)其交互功能。而對(duì)于相當(dāng)重要的標(biāo)記，也只是由頭部標(biāo)識(shí)和屬性所組成。(標(biāo)識(shí) 屬性1 屬性2 屬性3...)看來，學(xué)習(xí)html是學(xué)習(xí)其他網(wǎng)頁腳本語言的基礎(chǔ)吧，同時(shí)對(duì)于學(xué)習(xí)可視化網(wǎng)頁設(shè)計(jì)也是有幫助的(這么說應(yīng)該不過分吧!)!，下面就讓我們一起來詳細(xì)分析各個(gè)部分的構(gòu)成元素。
其實(shí)大多數(shù)html網(wǎng)頁的標(biāo)記不多，就只有10幾個(gè)吧!(看到這里，好!)這里主要介紹一下常見的控制文件的外觀和布局的標(biāo)記!
h:從h1到h6所標(biāo)識(shí)的字體依次減小，一般來說，h1用來標(biāo)記文件標(biāo)題h2用來標(biāo)記一章的標(biāo)題h3用來標(biāo)記章節(jié)的標(biāo)題，h6則是來作為小字印刷，如版權(quán)信息等等。
p和br:基本類似于回車鍵的功能，而p可以插入空格，同時(shí)也可以附帶屬性，如p 效果p(缺省情況是左對(duì)齊，左對(duì)齊很多排列方式的缺省情況)
div:雖然類似于p，也可以使用align屬性，但是在使用風(fēng)格表格時(shí)功能強(qiáng)大。(風(fēng)格表格見后)
hr:可以產(chǎn)生一條水平線，對(duì)于組織格式是很有幫助的。
在這里應(yīng)該說一說邏輯標(biāo)記和物理標(biāo)記的差別：物理標(biāo)記表明信息的外觀，而邏輯標(biāo)記表明信息的語義。從適用范圍來說，使用邏輯標(biāo)記更值得推薦，因?yàn)檫壿嫎?biāo)記表示的是本質(zhì)特性，不隨瀏覽器的變化而變化!
邏輯標(biāo)記：citedfnstrongcodeinsdel(注：大家可以自己測試一下，看看有什么效果，其中ins和del是很有用的標(biāo)記，特別是在多人合作開發(fā)的時(shí)候，看字面應(yīng)該知道這兩個(gè)是干嘛的吧!)
物理標(biāo)記：itttbigsmallsubsupstrike(注：大家測試吧，動(dòng)手最重要)
是超文本(Hypertext)格式的重要實(shí)現(xiàn)方式，而使用的就是錨(Anchor)(，所以縮寫也就是a)，
一個(gè)典型的錨標(biāo)記的定義：a href="目標(biāo)頁面"激活熱區(qū)/a(注：href：hypertext reference，就是到哪里)，現(xiàn)在分情況介紹：
1)外部
1。1非本地文件：a href="http://www.zsu.edu.cn"中山大學(xué)/a(這個(gè)很明顯，不用解釋了)
1。2其他形式的非本地資源：a href="ftp://ftp.zsu.edu.cn"中山大學(xué)/a(ftp資源)
a href="mailto:mc02cxj@zsu.edu.cn"我的email/a(email信息)
1。2本地文件：a href="另一個(gè)網(wǎng)頁.html"另一網(wǎng)頁?/a(同一文件夾的，當(dāng)然也可以給出完整路徑咯)
a href="../另一個(gè)網(wǎng)頁.html"另一網(wǎng)頁?/a(上一級(jí)別文件夾的)
(注：../表示上一級(jí)文件夾，同樣../../就表示上上一級(jí))
2)內(nèi)部
什么是內(nèi)部，就是在同一個(gè)網(wǎng)頁里邊的!這樣做是為了避免網(wǎng)頁太大而造成的瀏覽麻煩!
步驟：首先要定義一個(gè)引用目標(biāo)錨，然后在另一處定義被錨引用的目標(biāo)!看例子吧
a herf="#top"top/a(其中top定義了該錨)
a name="top"top/a(這里就引用了該錨)
使用圖像：img
1)對(duì)齊方式：缺省是左對(duì)齊，可以使用div align=..進(jìn)行更改。
2)高度和寬度：img
3)四周區(qū)域和邊框：img
1)無序列表：無序，就是沒有特別的序號(hào)，也就是平等哦。。下面看個(gè)例子吧。
ulli內(nèi)容1li內(nèi)容2li內(nèi)容3/ul(注：對(duì)于ul，可以添加屬性type，屬性值有disc，square，circle，這樣就可以改變序號(hào)了)
2)有序列表：這個(gè)當(dāng)然就是前面有序號(hào)咯。
olli內(nèi)容1li內(nèi)容2li內(nèi)容3/ol(注：對(duì)于ol，同樣可以添加type屬性，屬性值可以是1，a，A，i，I，呵呵，自己測試一下。)另外，對(duì)于ol，可以從喜歡的序號(hào)開始排序，用的屬性就是ol的start和li的value了，很明白吧：)
3)列表嵌套：嵌套，類似于樹狀菜單的東西�？梢允褂胾lul/ul/ul類似的格式進(jìn)行使用。
4)定義列表：主要有dl，dt，dd，分別代表定義標(biāo)識(shí)，頭部和內(nèi)容，使用方法：
dldt頭部dd定義的內(nèi)容/dl(注：dt和dd不需要結(jié)束標(biāo)記)
1)定義一個(gè)form：定義一個(gè)form標(biāo)記，用于確定發(fā)送消息的類型和處理方式，其中必須的屬性就是action了。form action="http://zsu.edu.cn/..." method="post"(注：method用于說明傳送數(shù)據(jù)的方式，還有g(shù)et方式，不過現(xiàn)在常用post)。類似的有，form action="mailto:mc02cxj@zsu.edu.cn" method="post"
2)大部分的form都是在input中處理的。如下面所示：
請輸入名字input type="text" name="username"p
【html學(xué)習(xí)心得】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)html學(xué)習(xí)心得（通用20篇）03-01
html網(wǎng)頁心得12-26
網(wǎng)頁html設(shè)計(jì)心得12-22
html學(xué)習(xí)方法10-05
html網(wǎng)頁心得13篇01-07