1. 程式人生 > >HTLM基本介紹和使用

HTLM基本介紹和使用

HTML————

超文字標記語言, 標準通用標記語言下的一個應用。 “ 超文字 ”就是指頁面內可以包含圖片、 連結,甚至音樂、 程式等非文字元素。 超文字標記語言的結構包括 “頭”部分(英語:Head)、和“主體”部分(英語:Body),其中“頭”部提供關於網頁的資訊,“主體”部分提供網頁的 具體內容。

1.什麼是 HTML?

HTML 是用來描述網頁的一種語言。 HTML 指的是超文字標記語言 (HyperTextMarkupLanguage) HTML 不是一種程式語言,而是一種標記語言(markup language) 標記語言是一套標記標籤(markup tag) HTML 使用標記標籤來描述網頁

2.HTML 標籤

HTML 標記標籤通常被稱為 HTML 標籤 (HTML tag)。

HTML 標籤是由尖括號包圍的關鍵詞,比如

HTML 標籤通常是成對出現的,比如 和

標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤

開始和結束標籤也被稱為開放標籤和閉合標籤

3.HTML 文件 = 網頁

HTML 文件描述網頁

HTML 文件包含 HTML 標籤和純文字

HTML 文件也被稱為網頁

HTML 標題

HTML 標題(Heading)是通過

-

等標籤進行定義的。

例項:

<h1>This is a heading</
h1
>
<h2>This is a heading</h2> <h3>This is a heading</h3>

HTML 段落

HTML 段落是通過

標籤進行定義的。

例項:

<p>This is a paragraph.</p>

            <p>This is another paragraph.</p>

HTML 連結
HTML 連結是通過 標籤進行定義的。

例項:

<a href
="http://www.w3school.com.cn">
This is a link</a>

HTML 影象

HTML 影象是通過 標籤進行定義的。

例項:

<img src="w3school.jpg" width="104" height="142" />

一:CSS

CSS叫做層疊樣式表,用來設定頁面中元素的樣式。背景顏色、字型顏色、字型大小。。。

CSS負責結構、表現、行為中的表現

一.編寫的位置

1.內聯樣式

2.內部樣式表

3.外部樣式表

二.基本語法

選擇器

宣告塊

三.元素之間的關係

1.父元素

直接包含子元素的的元素叫做父元素

2.子元素

直接被父元素包含的元素叫做子元素

3.祖先元素

直接或間接包含後代元素的元素叫做祖先元素,父元素也是祖先元素

4.後代元素

直接或間接被祖先元素包含的元素叫後代元素,子元素也是後代元素

5.兄弟元素

擁有相同父元素的元素叫做兄弟元素

註釋:可能有些不足–後續繼續