第一天---HTML基礎學習

來源:互聯網
上載者:User

標籤:blog   http   使用   strong   width   2014   

HTML(hyper text markup language)

    HTML不是一種程式設計語言,而是一種標記語言(markup language),標記語言是一套markup tag(標記標籤),HTML使用markup tag來描述網頁。

markup tag(通常被稱作HTML tag)

    markup tag是由角括弧包圍的關鍵詞,例如<html>,一般成對出現,例如<html></html>,其中<html>為start tag,</html>為end tag。如果兩個tag之間的content是NULL的話,例如<input type="text"></input>, 可以簡化為<input type="text"/>。

<html> -----與</html>之間的文本為網頁

<body>-----與</body>之間的文本是可見的頁面內容

<h1>university</h1>-----標題

<p>this is a sentence</p>-----文章內容

</body>

</html>

HTML文檔 = 網頁(包含HTML標籤和文本)

    web瀏覽器的作用為讀取HTML文檔並以網頁形式顯示它們,瀏覽器不會顯示HTML標籤而是直接使用tag來解釋頁面內容。

HTML標題

    通過<h1>-<h6>等標籤來進行的,除了定義的標籤,其他的標籤沒有該功能,比如<h7>,標題字型的大小可以通過<h1>後面的數字來實現,數字越大,標題字型越小,但是都是粗體。

    p.s:標題標籤用於標題文本而不能僅僅為了出題字效果而使用標題標籤,而應該使用其他標籤或用css替代。

HTML段落

    通過<p>tag來進行定義的。

HTML連結

    是通過<a>來定義的。例如:

    <a href = "http://www.baidu.com.cn">This is a link</a>(其中href是指定串連的地址)

    

    點擊“This is a link",就會得到下面的效果:

HTML映像

    通過<img>標籤進行定義。

    e.g:<img src = "win7.jpg" width = "104" height = "200"/>

    其中width指的是圖片的寬度,height指的是長度。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.