抛磚引玉:HTML新手到底要掌握多少

來源:互聯網
上載者:User
關鍵字 標籤 到底 多少

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

雖說技術不是主流,但是作為一名新手站長,起碼要對HTML有所瞭解,至少要會換友情連結,會該字體顏色吧。 前段時間一朋友問HTML是不是很難,我把admin5的HTML教程發給他了,說花一個星期的時間,把常用的標籤記住就可以了,這位朋友今天跟我講,花了很長時間,標籤都記住了,但是還不是會用。

在日常的網站維護中,對於HTML語言,其實需要我們記住的標籤並不多,個人覺得只需要掌握其基本語法結構、會手工書寫常用的代碼就可以了,下面跟新手朋友簡單分享一下HTML語法的基本結構和常用標籤的使用方法。

HTML語法的基本結構:

所有HTML文檔的基本結構都一樣:

<html>

<head><title>網站標題</title></head>(head標籤之間的內容不會顯示的文章的正文中,一般包含關鍵字、描述語言、 CSS代碼等其中title標籤之間的內容就是網站的標題,比如admin5的標題就是「站長網|站長必上的網站-中國站長資訊資源、交易、網賺、培訓中心」,這些內容就是包含在HTML文本中的title標籤之間)

<body>此處是網頁的正文內容</body>

</html>

以上就是HTML的基本語法結構,所有的HTML文本都遵照上述結構。

新手必須掌握的常用標籤:

HTML標籤比較多,但是借助Dreamweaver軟體就不需要再記住複雜的標籤了,只需要知道標籤的含義,會修改標籤的屬性值就可以了,下面簡單分享一下常用的「font」、href和img標籤的使用方法, 這三個標籤在平時使用的頻率比較高。

1.font:font標籤主要是對文字的顏色,字體,大小進行更改,用的最多的是對顏色進行更改,其使用方法是:

<font color="" >被修改的文字內容</font>,例如,我們想將「admin5站長網」這幾個字變為紅色,那麼其語法是<font color="red">admin5站長網 </font>。 比如你想把你的網站裡的一個友情連結的文字換成跟其他連結不同的顏色,就可以直接在文字前後加上font標籤。 文字的字體和大小的修飾跟顏色的修飾方法一樣,各位朋友們去看看教程就明白了。

2.href:href主要用於交換連結,這裡只說如何利用這個標籤在網站頁面中增加本視窗打開和新視窗打開的文字連結的使用方法。

比如,你想在網站中增加admin5站長網的連結,讓使用者點擊admin5站長網就在本視窗打開站長網頁面,代碼是<a href=HTTP://www.admin5.com>admin5站長網</a>, 如果想讓使用者點擊後在新視窗打開,代碼是<a href=HTTP://www.admin5.com target=_blank>admin5站長網</a>,如果想讓使用者的滑鼠放上去後出現「站長網」 文字內容,則只需要將代碼換成<a href="HTTP://www.admin5.com target=_blank alt=站長網>admin5站長網</a>。

3.如果想要增加圖片連結,讓使用者點擊圖片跳轉到相應的網站,那麼只需要將上面代碼中的「admin5站長網」換成<img src="圖片的位址">,我們以在新視窗打開為例子,那麼代碼就是<a href=HTTP ://www.admin5.com target=_blank><img src=HTTP://www.admin5.com/images/2008a/logoqiutian.gif></a>。

寥寥幾筆,只是起個抛磚引玉的作用,站長要不斷的學習,準備做站長而對做網站還一無所知的朋友,就不妨從HTML開始吧。 (文/小刀 www.1984q.cn )

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.