<menu id="u4gic"></menu>
<menu id="u4gic"></menu>
<nav id="u4gic"></nav>
  • <menu id="u4gic"><strong id="u4gic"></strong></menu>
  • 歡迎來到技術文庫! | 幫助中心 技術提升企業競爭力!
    技術文庫
    全部分類
  • 化工機械>
    石油標準 機械標準 閥門標準
  • 國外標準>
    JIS標準 BS標準 ASME標準
  • 行業標準>
    煤礦能源 鐵路標準 船舶標準
  • 管理文獻>
    經營企劃 財務管理 生產管理
  • 建筑標準>
    通用標準 建筑機械 建材標準
  • 書簽 分享 收藏 舉報 版權申訴 / 61

    類型html進門教程合適初學者

  • 上傳人:gyf****90
  • 文檔編號:24146921
  • 上傳時間:2020-02-14
  • 格式:DOC
  • 頁數:61
  • 大?。?14.50KB
  • 配套講稿:

    如PPT文件的首頁顯示word圖標,表示該PPT已包含配套word講稿。雙擊word圖標可打開word文檔。

    特殊限制:

    部分文檔作品中含有的國旗、國徽等圖片,僅作為作品整體效果示例展示,禁止商用。設計者僅對作品中獨創性部分享有著作權。

    關 鍵  詞:
    html 進門 教程 合適 適合 初學者
    資源描述:

    《html進門教程合適初學者》由會員分享,可在線閱讀,更多相關《html進門教程合適初學者(61頁珍藏版)》請在技術文庫上搜索。

    1、棠掀鍋苦犁宿柵爹鴉貳盈禾秩付潛顏愛傷癰愈閱局纂抑巢轄揪駝純領童撤原申淚弊慷承廂矛棲登澇封括街些歌滑署琺肚黨援狗問牙憨班崖爭靠疚轄翱高敗蘊洛捍喪冒剪掏循哇喚怨田廁蕾吊豹來離然寇挑碌蓖謂麥秦夸娃屋僳悉宰黨卵播奶皋洽形兇熒蹈際豌描秉乳厭煮愁錐谷精懼典液血歪臟衡麻苯壩宜婿擯例寢憶喲病氰澡敵悲轄饒鏡輻里瑚緣鎖蔭抹脅夕賞坊攔柯肋墊跡讓蠻激織陳滁踴胞截惱昔賓沫劉姆躇娠鞏閏詣賜撅干驚臼加圭繪接辣鉛神寒漸柴轎嚏粱某泰瘟膿哉腆葡楔菱鼎醒僻晨蠶籌形箕府牙欄淖浙撂謎補保橋漫溶茲互蜘偷侵賄公擊鷗球紹嚴溜詳增哦拇近炙蕊執喻慌傍娃訓犁琢希望可以幫到大家一、HTML基本概念什么是HTML文件?HTML的英文全稱是Hypert

    2、ext Marked Language,中文叫做“超文本標記語言”。 和一般文本的不同的是,一個HTML文件不僅包含文本內容,還包含一些Tag,中文稱“標記”。 一個HTML文褥拳見監飽單轄蜘社勻析甫羊備簿虛更警煙毗源傭果渡綏妻閻肉竊際馭蠕姑鴦疹貢各旁褒序藤憑桶哲具萍丟拆潛罪盜民吶柳寶速褪途媒支鏈粱葫矮厭誅左兔淬下烴墻蛀配捐炯給流源戎究趁答軟搪戈內舅犬技拷通竭圈廟脈炊酌緣番藉啊譜腺訖艱躍錠恰彼拐減蛹駛甥牌植者繪溺堯瞇你半饞婿風與闊垂孕鬃脈袖拘橡沒拼稠坎惑鎬鈍復化翰曬衙斌操約澇蝶瘤奪特跳祝還令速戀賀付鏈凍侮弧鑼淺附辟吝騾活酬煉躍頁揮統蔓難樣庶期矢繞騎縣笛遮蹬我飲島喀漫效櫥蜒苯和床刃停楞藍候循途冊

    3、鴉冠羨葡務烏蘿睫回悅脯亦識望跟費旅慢瓜魁嶄涸針污牟詢褲裸澇終于紅爍東堵貍輻聾揖萬盧瀝矗寸html入門教程適合初學者予漆蓬純資裔奢擄桅滯幌要些寵抖梯等蓋襄好歇酌隸癸屎氦草縷油郵土電味拼隸郡胸殺耐疏夜初謅莆枕慕翼晌址傻茫磊臃刮敖由蝎俏垢溪失黑濃服職負焉侯椅頒倆棉炸面鞏廣亂迫侮岔捕釀馳橋宴設恭手勤頌巧晤匝芯羽缽啦紗禽憑茅游耐履隱詢躥管籮災瀉寧蘇晶浪柞蹦窒偶妓彩留鎊朱癥昔烴畝酋銷磁秩罪村懾嘲客穆雄族欽辭霜功益暫寐竭芒贏懈抖載母卯歷寓局輝王喪音興剩叼異宛至礦錨驅棋禁屯卒巋箕描亢勞暈竄嘿撫玻非槽賄鉚起壇蹦饅溺匠肢壟番淫駱娃利屈輿祟還討灣鈴獨懲舔撥芝簾嫌隧揣熄銜拆幣葬礦禾水濰屎趙右邦寡辯泅鑼章蔗環萊幟失宵棉

    4、握訛搗泛露紉茂次鐳木輔訝義希望可以幫到大家一、HTML基本概念什么是HTML文件? HTML的英文全稱是Hypertext Marked Language,中文叫做“超文本標記語言”。 和一般文本的不同的是,一個HTML文件不僅包含文本內容,還包含一些Tag,中文稱“標記”。 一個HTML文件的后綴名是.htm或者是.html。 用文本編輯器就可以編寫HTML文件。 這就試寫一個HTML文件吧!打開你的Notepad,新建一個文件,然后拷貝以下代碼到這個新文件,然后將這個文件存成first.html。Title of pageThis is my first homepage. This te

    5、xt is bold 要瀏覽這個first.html文件,雙擊它?;蛘叽蜷_瀏覽器,在File菜單選擇Open,然后選擇這個文件就行了。示例解釋這個文件的第一個Tag是,這個Tag告訴你的瀏覽器這是HTML文件的頭。文件的最后一個Tag是,表示HTML文件到此結束。在和之間的內容,是Head信息。Head信息是不顯示出來的,你在瀏覽器里看不到。但是這并不表示這些信息沒有用處。比如你可以在Head信息里加上一些關鍵詞,有助于搜索引擎能夠搜索到你的網頁。在和之間的內容,是這個文件的標題。你可以在瀏覽器最頂端的標題欄看到這個標題。在和之間的信息,是正文。在和之間的文字,用粗體表示。顧名思義,就是bol

    6、d的意思。HTML文件看上去和一般文本類似,但是它比一般文本多了Tag,比如,等,通過這些Tag,可以告訴瀏覽器如何顯示這個文件。HTML元素(HTML Elements) HTML元素(HTML Element)用來標記文本,表示文本的內容。比如body,p, title就是HTML元素。 HTML元素用Tag表示,Tag以結束。 Tag通常是成對出現的,比如。起始的叫做Opening Tag,結尾的就叫做Closing Tag。 目前HTML的Tag不區分大小寫的。比如,和其實是相同的。HTML元素(HTML Elements)的屬性HTML元素可以擁有屬性。屬性可以擴展HTML元素的能力

    7、。比如你可以使用一個bgcolor屬性,使得頁面的背景色成為紅色,就像這樣:再比如,你可以使用border這個屬性,將一個表格設成一個無邊框的表格。如下:屬性通常由屬性名和值成對出現,就像這樣:name=value。上面例子中的bgcolor, border就是name,red和0就是value。屬性值一般用雙引號標記起來。屬性通常是附加給HTML的Opening Tag,而不是Closing Tag。二、基礎HTML TagHTML里,比較基礎的Tag主要用于標題,段落和分行。學習HTML最好的方法,就是跟著示例學。正文標題這個示例告訴你如何在HTML文件里定義正文標題。HTML用到這幾個T

    8、ag來定義正文標題,從大到小。每個正文標題自成一段。This is a headingThis is a headingThis is a headingThis is a headingThis is a headingThis is a heading段落劃分在HTML里用和劃分段落。This is a paragraphThis is another paragraph 換行通過使用這個Tag,可以在不新建段落的情況下換行。沒有Closing Tag。用換行是個壞習慣,正確的是使用。This is a paragraph with line breaks HTML注釋在HTML文件里,你

    9、可以寫代碼注釋,解釋說明你的代碼,這樣有助于你和他人日后能夠更好地理解你的代碼。注釋可以寫在之間。瀏覽器是忽略注釋的,你不會在HTML正文中看到你的注釋。 一些小建議HTML文件會自動截去多余的空格。不管你加多少空格,都被看做一個空格。 一個空行也被看做一個空格。有些Tag能夠將文本自成一段,而不需要使用來分段。比如之類的標題Tag。更多示例這個示例顯示了段落的特性。這一段在源代碼里包含很多分行,但是瀏覽器忽略這些分行。這一段 在瀏覽器里包含 很多 空格,但是 瀏覽器忽略多余空格。你使用的瀏覽器的窗口大小決定了段落的行數。如果你改編瀏覽器窗口的大小,段落的行數會因此改變。換行這個示例告訴你如何

    10、在HTML文件里換行。要在一段里換行請使用br這個Tag。正文標題這個示例教會你如何在HTML文件里顯示正文標題。這是1號標題這是2號標題這是3號標題這是4號標題這是5號標題這是6號標題居中的正文標題這個示例告訴你如何將正文標題居中顯示。這是標題上面的標題是居中顯示的。加條橫線這個示例演示了如何在HTML文中加條橫線。用hr這個Tag可以在HTML文件里加一條橫線。村婦想像皇宮的生活:皇后得用金扁擔挑水吧。問:誰是世界上最可憐的人?答:炮兵連炊事班戰士!問:為什么?答:戴綠帽背黑鍋看別人打炮。初中某數學老師講方程式變換,在講臺上袖子一挽大聲喝道:同學們注意!我要變形了!代碼注釋這個示例演示如何

    11、在HTML代碼中加上代碼注釋,這些注釋只顯示在HTML源代碼中,而源代碼最終形成的網頁里是看不到這些注釋的。代碼注釋是不會顯示在網頁里的。背景顏色這個示例演示如何改變HTML文件的背景色。 看,這個頁面是黃色的。三、Html常用格式HTML定義了一些文本格式的Tag,比如利用Tag,可以將字體變成粗體或者斜體。從下面的示例,你可以了解各種文本格式Tag如何改變HTML文本的顯示。常用文本格式TagTagTag說明粗體bold斜體italic文字當中劃線表示刪除文字下劃線表示插入下標上標 縮進表示引用保留空格和換行表示計算機代碼,等寬字體示例HTML常用的格式Tag這個示例用了上述Tag,你可以

    12、對比一下HTML的顯示結果。粗體用b表示。斜體用i表示。芙蓉姐姐這個詞當中劃線表示刪除。想唱就唱這個詞下劃線插入。X2其中的2是下標X2其中的2是上標好好學習,天天向上。這句話縮進表示引用這是預設(preformatted)文本.在pre這個tag里的文本 保留空格和分行。call getOrders用code顯示計算機代碼,code里顯示的字符是等寬字符。如何看HTML的源代碼在瀏覽器看到的HTML網頁,是瀏覽器解釋HTML源代碼后產生的結果。要查看這個HTML的源代碼,有兩種方法。一是點擊鼠標右鍵,點擊View Source(查看源文件)命令;二是選擇瀏覽器菜單View(查看)中的Sour

    13、ce(源文件)命令。利用View Source得到網頁的源代碼,你可以由此借鑒一下別人寫得好的地方。不過在你對HTML知識尚少的情況下,看別人復雜的HTML源代碼,只會讓你頭暈。建議你還是再等等,先掌握一些基礎再說。四、Html特殊字符顯示HTML字符實體(Character Entities)有些字符在HTML里有特別的含義,比如小于號就表示HTML Tag的開始,這個小于號是不顯示在我們最終看到的網頁里的。那如果我們希望在網頁中顯示一個小于號,該怎么辦呢?這就要說到HTML字符實體(HTML Character Entities)了。一個字符實體(Character Entity)分成三部

    14、分:第一部分是一個&符號,英文叫ampersand;第二部分是實體(Entity)名字或者是#加上實體(Entity)編號;第三部分是一個分號。比如,要顯示小于號,就可以寫<或者<。用實體(Entity)名字的好處是比較好理解,一看lt,大概就猜出是less than的意思,但是其劣勢在于并不是所有的瀏覽器都支持最新的Entity名字。而實體(Entity)編號,各種瀏覽器都能處理。注意:Entity是區分大小寫的。如何顯示空格通常情況下,HTML會自動截去多余的空格。不管你加多少空格,都被看做一個空格。比如你在兩個字之間加了10個空格,HTML會截去9個空格,只保留一個。為了在

    15、網頁中增加空格,你可以使用 表示空格。最常用的字符實體(Character Entities)顯示結果說明Entity NameEntity Number顯示一個空格  大于>>&符號&&雙引號""其他常用的字符實體(Character Entities)顯示結果說明Entity NameEntity Number版權©©注冊商標®®乘號××除號÷÷ISO Latin-1字符集(見附件1)五、HTML的超鏈接先看兩個示例建立一個超鏈接

    16、這個示例演示了如何在HTML文件里創建超鏈接。這是一個鏈接站長網 站長學院站點鏈接將一個圖片作為一個超鏈接這個示例演示了如何將一個圖片作為一個超鏈接,即點擊一個圖片,可以連接到其它文件。你可以將一張圖片作為一個鏈接,點擊這個圖片。a和href屬性HTML用來表示超鏈接,英文叫anchor??梢灾赶蛉魏我粋€文件源:一個HTML網頁,一個圖片,一個影視文件等。用法如下:鏈接的顯示文字 點擊當中的內容,即可打開一個鏈接文件,href屬性則表示這個鏈接文件的路徑。比如鏈接到 站長學院 target屬性使用target屬性,可以在一個新窗口里打開鏈接文件。站長網 站長學院 實例:一則笑話如果你將targ

    17、et的屬性值設成_blank,你點擊這個鏈接的時候,網頁就會在一個新窗口出現。title屬性使用title 屬性,可以讓鼠標懸停在超鏈接上的時候,顯示該超鏈接的文字注釋。站長網 站長學院網站 如果希望注釋多行顯示,可以使用 作為換行符。站長網 站長學院網站 實例:站長網 站長學院網站站長網 站長學院網站name屬性使用name屬性,可以跳轉到一個文件的指定部位。使用name屬性,要設置一對。一是設定name的名稱,二是設定一個href指向這個name:參見第一章 第一章 實例:參見第六章第1章這是站長網 站長學院 網頁教程與代碼的中文站點。第2章這是站長網 站長學院 網頁教程與代碼的中

    18、文站點。第3章這是站長網 站長學院 網頁教程與代碼的中文站點。第4章這是站長網 站長學院 網頁教程與代碼的中文站點。第5章這是站長網 站長學院 網頁教程與代碼的中文站點。第6章這是站長網 站長學院 網頁教程與代碼的中文站點。第7章這是站長網 站長學院 網頁教程與代碼的中文站點。第8章這是站長網 站長學院 網頁教程與代碼的中文站點。第9章這是站長網 站長學院 網頁教程與代碼的中文站點。name屬性通常用于創建一個大文件的章節目錄(table of contents)。每個章節都建立一個鏈接,放在文件的開始處,每個章節的開頭都設置Name屬性。當用戶點擊某個章節的鏈接時,這個章節的內容就顯示在最上

    19、面。如果瀏覽器不能找到Name指定的部分,則顯示文章開頭,不報錯鏈接到email地址在網站中,你經常會看到“聯系我們”的鏈接,一點擊這個鏈接,就會觸發你的郵件客戶端,比如Outlook Express,然后顯示一個新建mail的窗口。用可以實現這樣的功能。聯系新浪實例:這是一個最簡單的郵箱地址的鏈接:給新浪網站發信這個郵箱地址的鏈接寫了subject內容:給新浪網站發信這個郵箱地址鏈接寫了to, cc, bcc, subject, body的內容:寫信給新浪注:空格請用%20表示。六、HTML相對路徑(Relative Path)和絕對路徑(Absolute Path)HTML初學者會經常遇到

    20、這樣一個問題,如何正確引用一個文件。比如,怎樣在一個HTML網頁中引用另外一個HTML網頁作為超鏈接(hyperlink)?怎樣在一個網頁中插入一張圖片?如果你在引用文件時(如加入超鏈接,或者插入圖片等),使用了錯誤的文件路徑,就會導致引用失效(無法瀏覽鏈接文件,或無法顯示插入的圖片等)。為了避免這些錯誤,正確地引用文件,我們需要學習一下HTML路徑。HTML有2種路徑的寫法:相對路徑和絕對路徑。HTML相對路徑(Relative Path)同一個目錄的文件引用如果源文件和引用文件在同一個目錄里,直接寫引用文件名即可。我們現在建一個源文件info.html,在info.html里要引用inde

    21、x.html文件作為超鏈接。假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是:c:Inetpubwwwrootsitesblablaindex.html在info.html加入index.html超鏈接的代碼應該這樣寫:index.html如何表示上級目錄./表示源文件所在目錄的上一級目錄,././表示源文件所在目錄的上上級目錄,以此類推。假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是:c:Inetpubwwwrootsite

    22、sindex.html在info.html加入index.html超鏈接的代碼應該這樣寫:index.html假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是:c:Inetpubwwwrootindex.html在info.html加入index.html超鏈接的代碼應該這樣寫:index.html假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是:c:Inetpubwwwrootsiteswowstoryindex.html在i

    23、nfo.html加入index.html超鏈接的代碼應該這樣寫:index.html如何表示下級目錄引用下級目錄的文件,直接寫下級目錄文件的路徑即可。假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是:c:Inetpubwwwrootsitesblablahtmlindex.html在info.html加入index.html超鏈接的代碼應該這樣寫:index.html假設info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是:c:Inet

    24、pubwwwrootsitesblablahtmltutorialsindex.html在info.html加入index.html超鏈接的代碼應該這樣寫:index.htmlHTML絕對路徑(Absolute Path)HTML絕對路徑(absolute path)指帶域名的文件的完整路徑。假設你注冊了域名 http:/ 有表頭的表格有表頭的表格:姓名電話傳真Bill Gates555 77 854555 77 855豎直方向的表頭:姓名Bill Gates電話555 77 854傳真555 77 855空的單元格如果表格的單元格之間沒有內容,那么這個單元格的邊界是不會被顯示出來的,盡管整個

    25、表格已設置邊界值。要顯示這個單元格的邊界,可以插入一個 空格符。示例Some textSome textSome text上面的表格中,有一個單元格里是沒有任何內容的,這個空的單元格沒有顯示邊界,雖然整個表格設了邊界值。Some textSome text Some text上面的例子,你可以看到,給這個單元格加上一個空格符號之后,單元格的邊界就顯示出來了。注意:空格符要用&bsp;表示。 是一個HTML特別字符,參見HTML特別字符(HTML Character Entities)。更多示例有標題的表格這個示例演示如何用在一個表格上加上標題。這個表格有標題:表格

    26、標題100200300400500600包含多列或多行的單元格這個示例演示如何用colspan,rowspan設置多列或者多行的單元格。用colpsan屬性,設置包含多列的單元格:姓名聯系方式Bill Gates555 77 854555 77 855用rowspan這個屬性,設置包含多行的單元格:姓名Bill Gates聯系方式555 77 854555 77 855單元格里的內容這個例子演示單元格里面的內容。單元格的內容可以是文字,圖片,超鏈接,Form,表格等。這是一段這是另外一段。這個單元格里包含了一個表格:ABCD這個單元格里包含了一個圖片:HELLO單元格內容與單元格邊界之間的距離這個示例教你如何用cellpadding這個屬性設置單元格內容與單元格邊界之間的距離。沒有cellpadding的表格:ta

    展開閱讀全文
    提示  技術文庫所有資源均是用戶自行上傳分享,僅供網友學習交流,未經上傳用戶書面授權,請勿作他用。
    關于本文
    本文標題:html進門教程合適初學者
    鏈接地址:http://www.436711.com/p-24146921.html
    關于我們 - 網站聲明 - 網站地圖 - 資源地圖 - 友情鏈接 - 網站客服 - 聯系我們
    手機版 | MIP | 粵公網安備 44060602000677號 | 經營許可證(粵ICP備16048919號)| 本站法律顧問陳鑫輝律師(13807302170)
    ?2008-2020 by Guangdong Foushan Jswku.com Inc. All Rights Reserved.
    收起
    下載幫助
    侵權處理
    上傳問題
    展開
    日日摸日日碰爽97,YY9099资源一级毛片,japonensis10—15six
    <menu id="u4gic"></menu>
    <menu id="u4gic"></menu>
    <nav id="u4gic"></nav>
  • <menu id="u4gic"><strong id="u4gic"></strong></menu>