HTML的簡單介紹

2022-04-05 02:34:40 字數 3007 閱讀 7774

html 指超文字標籤語言。是hypertext markup language首字母的簡寫。通過它,可以實現、鏈結、**以及程式等等多種元素。現如今,html已經是程式設計師必須掌握的一項基本功。

1、檔案拓展名預設使用htm,便於作業系統或者程式辨認檔案,而則基本上存為gif或jpg

2、瀏覽器預設忽視回車符,不過為了方便閱覽,人們還是會習慣地在寫完一段**後進行回車

3、標記符號用尖括號括起來,帶斜槓的元素表示該標記說明結束,大多數標記符必須成對使用,用以說明起始和結束。

4、必須使用半形而不是全形字符

5、html注釋的內容不給予顯示。

四 html基礎

1 html標籤

html 鏈結是通過標籤 來定義的.a標籤,也叫anchor(錨點)元素,既可以用來鏈結到外部位址實現頁面跳轉功能,也可以鏈結到當前頁面的某部分實現內部導航功能。

ps:href是hypertext reference的縮寫,用於指定超連結目標的url,是css**的一種。

"

"en

">"

#d1">第一章

"#d2

">第二章

"#d3

">第三章"d1

" style="

height: 800px

">第一章"d2

" style="

height: 800px

">第二章"d3

" style="

height: 800px;

">第三章

2 html段落

3 html

標籤請注意,從技術上講,

標籤並不會在網頁中插入影象,而是從網頁上鏈結影象。

標籤建立的是被引用影象的佔位空間。

"en

">

" alt='一架飛機' title='飛機'>

瀏覽器直接會顯示一張。

4 html標籤

4-1 使用說明  

元資料(metadata)是資料的資料資訊。

標籤提供了 html 文件的元資料。元資料不會顯示在客戶端,但是會被瀏覽器解析。

4-2 屬性

4-3 示例

5 html 標籤

5-1 標籤定義及使用說明

標籤定義文件與外部資源的關係。

標籤最常見的用途是鏈結樣式表。

注意:link 元素是空元素,它僅包含屬性。

注意:此元素只能存在於 head 部分,不過它可出現任何次數。

5-2 屬性屬性值

描述charset

char_encoding

html5 不支援該屬性。 定義被鏈結文件的字元編碼方式。

href

url定義被鏈結文件的位置。

hreflang

language_code

定義被鏈結文件中文字的語言。

media

media_query

規定被鏈結文件將顯示在什麼裝置上。

relalternate

archives

author

bookmark

external

first

help

icon

last

license

next

nofollow

noreferrer

pingback

prefetch

prev

search

sidebar

stylesheet

tagup

必需。定義當前文件與被鏈結文件之間的關係。

revreversed relationship

html5 不支援該屬性。 定義被鏈結文件與當前文件之間的關係。

sizes

newheightxwidth

any定義了鏈結屬性大小,只對屬性 rel="icon" 起作用。

target

_blank

_self

_top

_parent

frame_name

html5 不支援該屬性。 定義在何處載入被鏈結文件。

type

mime_type

規定被鏈結文件的 mime 型別。

6 html 和

6-1html 元素是塊級元素,它是可用於組合其他 html 元素的容器。

元素沒有特定的含義。除此之外,由於它屬於塊級元素,瀏覽器會在其前後顯示折行。

如果與 css 一同使用,元素可用於對大的內容塊設定樣式屬性。

元素的另乙個常見的用途是文件布局。它取代了使用**定義布局的老式方法。使用 元素進行文件布局不是**的正確用法。元素的作用是顯示**化的資料。

6-2

html 元素是內聯元素,可用作文字的容器。

元素也沒有特定的含義。

當與 css 一同使用時,元素可用於為部分文字設定樣式屬性。

7 html 標籤

示例:

for="1">姓名

for="2">年齡

例如不換行空格   , 是non-breaking space的簡寫。

標籤之前巢狀的規則:

block element 可以巢狀 block element 和 inline element

inline element 只能巢狀inline element

HTML的簡單介紹(1)

什麼是 html?很多人想要知道html的詳細介紹,那麼今天就來給大家講解一下其中一些知識。來說說html 所說的語言,它是一種用來描述網頁的語言。html 指的是超文字標記語言 並不是一種程式語言,而是一種標記語言 標記語言是一套標記標籤 html 使用標記標籤來描述網頁 html 標籤 html...

HTML的簡單介紹(10)

既然提到了標題,那麼有一點需要注意 標題很重要!我們需要確保html heading 標籤只用於標題。不要只是為了產生粗體或大號的文字從而使用標題。搜尋引擎使用標題為你的網頁的結構和內容編制索引。因為使用者可以通過標題來快速瀏覽你的網頁,所以用標題來呈現文件結構是很重要的。通常我們將 h1 用作主標...

HTML的簡單介紹(21)

影象標籤 img 和源屬性 在 html 中,影象由 標籤定義。img 是空標籤,意思是說,它只包含屬性,並且沒有閉合標籤。要在頁面上顯示影象,你需要使用源屬性。src 指 source 源屬性的值是影象的 url 位址。定義影象的語法是 img src url 瀏覽器將影象顯示在文件中影象標籤出現...