北京Web培訓
達內北京萬壽路中心

010-62126400

熱門課程

北京Web培訓 > web知識 >北京web培訓班:html+css基礎知識,新人必看!

北京web培訓班:html+css基礎知識,新人必看!

  • 時間:2020-06-23 14:36
  • 發布:北京Web培訓
  • 來源:web知識

本文達內北京web培訓機構為大家分享html+css基礎知識,新人必看!

什么是 HTML?

HTML即超文本標記語言 (Hyper Text Markup Language), 是用來描述網頁的一種語言。

超文本標記語言的結構包括"頭"部分(外語:Head)、和"主體"部分(外語:Body),其中"頭"部提供關于網頁的信息,"主體"部分提供網頁的具體內容。

標記語言是一套標記標簽 (markup tag)

HTML 使用標記標簽來描述網頁

如下代碼:

My First Heading

My first paragraph.

例子解釋:

與 之間的文本描述網頁

與 之間的文本是可見的頁面內容

之間的文本被顯示為標題

之間的文本被顯示為段落

HTML 元素

HTML 文檔是由 HTML 元素定義的。

HTML 元素指的是從開始標簽(start tag)到結束標簽(end tag)的所有代碼。

達內北京web培訓班

注釋:開始標簽常被稱為開放標簽(opening tag),結束標簽常稱為閉合標簽(closing tag),大多數 HTML 元素可擁有屬性。

空的 HTML 元素:

沒有內容的 HTML 元素被稱為空元素。在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。

在開始標簽中添加斜杠,比如:

就是沒有關閉標簽的空元素, 而

是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

即使

在所有瀏覽器中都是有效的,但使用

其實是更長遠的保障。

HTML 提示:使用小寫標簽

HTML 標簽對大小寫不敏感:

等同于

。許多網站都使用大寫的 HTML 標簽。

W3School 使用的是小寫標簽,因為萬維網聯盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強制使用小寫。

HTML 屬性

HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。

屬性總是以名稱/值對的形式出現,比如:name="value"。

屬性總是在 HTML 元素的開始標簽中規定。

屬性實例:

HTML 鏈接由 標簽定義。鏈接的地址在 href 屬性中指定:

This is a link

注釋:屬性值應該始終被包括在引號內。雙引號是最常用的,不過使用單引號也沒有問題。在某些個別的情況下,比如屬性值本身就含有雙引號,那么您必須使用單引號,例如:name='Bill "HelloWorld" Gates'。

HTML 提示:使用小寫屬性

屬性和屬性值對大小寫不敏感。

不過,萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

而新版本的 (X)HTML 要求使用小寫屬性。

一些常見HTML屬性:

屬性 值 描述

class classname 規定元素的類名(classname)

id id 規定元素的唯一 id

style style_definition 規定元素的行內樣式(inline style)

title text 規定元素的額外信息(可在工具提示中顯示)

HTML 編輯器

使用 Notepad 或 TextEdit 來編寫 HTML

可以使用專業的 HTML 編輯器來編輯 HTML:

Adobe Dreamweaver

Microsoft Expression Web

CoffeeCup HTML Editor

HTML 標題

標題(Heading)是通過

-

等標簽進行定義的。

This is a heading

定義最大的標題。

This is a heading

定義最小的標題。

注釋:瀏覽器會自動地在標題的前后添加空行。

注釋:默認情況下,HTML 會自動地在塊級元素前后添加一個額外的空行,比如段落、標題元素前后。

練習題

1.以下關于標題的說法哪種是錯誤的?

A默認情況下,HTML 會自動地在塊級元素前后添加一個額外的空行

B使用標題僅僅是為了產生粗體或大號的文本

C搜索引擎使用標題為您的網頁的結構和內容編制索引

2.下面幾個標題哪個權重最高,最主要?

A、This is a heading

B、This is a heading

C、This is a heading

3.默認情況下,HTML 會自動地在塊級元素前后添加一個額外的空行,這個說法對嗎?

A對

B錯

4.以下關于段落的做法哪種是正確的?

A、This is a paragraph

B、使用空的段落標記 去插入一個空行

C、This is a paragraph 

上一篇:Web前端入門學習之JS基礎知識梳理匯總
下一篇:北京web前端培訓:2020年web前端入門學習路線

馬上預約七天免費體驗課

姓名:

電話:

北京web前端培訓:2020年web前端入門學習路線

北京web培訓班:html+css基礎知識,新人必看!

Web前端入門學習之JS基礎知識梳理匯總

北京web培訓班:11款非常有用的Web開發在線工具

選擇城市和中心
江西省

貴州省

廣西省

海南省

女人和女人做人爱视频