(講解1)HTML基本結構

2021-10-01 03:12:20 字數 2186 閱讀 9491

<

!doctype html>

筆記2"utf-8"

>

"stylesheet" type=

"text/css" href=

"">

<

!--

教師在授課過程中避免模稜兩可的表述:比如瀏覽器有容錯能力,所以標籤大小寫都可以等這樣語言不要出現。

從開始就要樹立標準規範,強調這樣幾點:1雙標籤必須閉合,2單標籤必須有結尾正斜線 3所有標籤要求小寫 4標籤巢狀規範

5屬性值必須使用引號包裹等。

教師重點強調:標題標籤 對搜尋引擎優化有重要意義

搜尋引擎要抓取網頁的關鍵字 遍歷不同的標籤 有不同的權重 標題標籤對爬蟲程式來說權重值比較高 -->

標題標籤

"main"

>標題1

標題4標題5

標題6

段落標籤

段落標籤

非常棒換行標籤

水平線

強調標籤

傾斜傾斜

強壯

加粗

<

!-- 教師要強調路徑問題 講清什麼是相對路徑 什麼是絕對路徑

還要強調在專案中為什麼不能使用絕對路徑

第二點要強調路徑中不能有中文

第三點注意相對路徑中表示當前目錄推薦(要求)寫./

-->

標籤 "img/adv1.png" alt=

"tu" title=

"圖"/>

"img/adv1.png" alt=

""/>

超連結

"" target=

"_blank"

"#main"

>主題

"mailto:[email protected]"

>開啟郵箱

"筆記1.html#footer"

>跳轉到筆記1的底部

<

!-- 列表標籤能夠更清晰的表達層級,w3c標準是推薦使用的標籤 在實際開發中ul使用更多 ol也是不錯的選擇 -->

列表標籤23

ab

c第一章

第一節第二節

第三節第二章

第一節第二節

第三節第三章

第一節第二節

第三節<

!--

在div和css布局之前,前端開發人員都是使用**布局的,這種布局方式對seo不友好,現在都要求div+css

現在的**就是展示資料用。注意colspan 和 rowspan 的使用。

border=

"1" width=

"800" 這種屬性的寫法也是過時了。在面試過程中絕對不能出現table布局。

-->

**標籤

"1" width=

"800"

>

通訊錄序號

姓名**

備註"2">1

"2">劉艷

13754899251

"2">山西太原

153834057672楊豔

13753846431

山西呂梁

"4" align=

"right"

>共2人

<

!--

表單標籤對於初學者來說是難點 一下子接觸這麼多input型別 容易混淆,更難的是不理解表單作用,不理解get和post區別,

最好通過搭建乙個真實的伺服器環境,比如phpstudy,簡單演示如何進行get請求 post請求 。

容易忽視的表單的乙個屬性 enctype=

<input type=

"checkbox" name=

"cb"> 可以直接checkbox name屬性是乙個陣列形式

-->

表單標籤

無語義標籤

模組劃分

常見的企業站,多由頭部區,展示區域,主題區域,底部資訊區域組成

考點: 1.塊級元素和內聯元素,空元素

2.alt與title的區別

3.head標籤中的哪個標籤不能省略

4.標籤書寫正確的是

5.src與href的區別

6.<

!doctype html>的意義

7.語義化標籤的作用

1 HTML基本標籤

宣告位於html文件中的第一行,處於 標籤之前,宣告不是乙個 html 標籤,它用於告知 web 瀏覽器按照哪個 html 版本來解析當前html文件。宣告沒有結束標籤,也不區分大小寫 html5 html4 xthml 標籤用於告知瀏覽器這是乙個html文件,標籤是html文件的最外層標籤,即文件...

jQuery基本用法彙總1 HTML

一 獲得內容 1 text 設定或返回所選元素的文字內容。2 html 設定或返回所選元素的內容 包括 html 標記 3 val 設定或返回表單字段的值。二 獲取屬性 attr 1 獲取屬性 runoob attr class 2 設定屬性 單個屬性 runoob attr class text ...

隨筆1 HTML基礎

1.1 什麼是網頁 我們開啟瀏覽器訪問的一切,都由網頁構成,簡單的說,網頁就是html 1.2 html概念 1.2.1 超文字標記語言 htper text markup language 標準通用標記語言下的乙個應用。html 不是一種程式語言,而是一種標記語言 markup language ...