前端基礎 HTML文件結構和基礎標籤

2021-10-04 07:23:41 字數 4096 閱讀 8664

html文件由頭部head和主體body兩個部分組成。

包括了head和body

定義標題、樣式等

定義段落、標題字、超連結、指令碼、**、表單等元素,主體內容是網頁要顯示的資訊。

描述乙個html網頁文件的屬性,元資訊(不會顯示在瀏覽器的頁面中)

name屬性與content屬性

http-equiv屬性與content屬性

<

!doctype html>

="" content=

"">

"" content=

"">

8」>避免網頁裡的中文變成亂碼

<

/title>

<

/head>

<

/body>

<

/html>

content

some_text(定義與http-equiv或name屬性相關的元資訊)

content-type expires(內容型別)

expires(網頁快取過期時間)

refresh(重新整理與跳轉(重定向)頁面)

set-cookie(如果網頁過期,那麼存檔的cookie將被刪除)

name

author(定義網頁作者)

description(定義網頁簡短描述)

generator(定義編輯器)

scheme

some_text(定義用於翻譯content屬性值的格式)

標題字標記:

h1~h6代表不同大小的標題

align表示位於頁面的位置

插入特殊字元:

(顯示結果) (說明)

(entity name) (entity number)

( ) ( 空格 )

( ) ( )

( < ) ( 小於 )

( < ) ( < )

( > ) ( 大於 )

( > ) ( > )

( & ) ( &符號 )

(&) ( & )

( " ) ( 雙引號 )

(") ( " )

(©) (©)

( ® ) (註冊商標)

( ® ) (®)

( × ) ( 乘號 )

(×) (×)

( ÷ ) ( 除號 )

(÷) (÷)

文字修飾標記:

定義粗體

定義斜體

定義下劃線

定義刪除線

定義上標

定義下標

定義著重文字,與效果相同

定義加重語氣,與效果相同

變小字型大小

變大字型大小

計算機輸出標記:

定義計算機**

定義鍵盤碼

定義計算機**樣本

定義打字機**

定義變數

定義預格式文字

引用和術語標記:

定義縮寫

定義位址

定義長的引用

定義引用、引證

定義短的引用語,ie看不到引號,其餘可以

定義乙個定義專案

字型font標記:

屬性(值) (表示)

size

(+1~+7,-1~-7) (數字越大字型大小越大)

color

(rgb(r,g,b)、grb(r%,g%,b%)、#rrggbb、#rgb、colorname) (規定文字的顏色。可以使用rgb函式、十六進製制數、顏色英文名稱來表達)

face

(字型1,字型2,…,字型n) (face屬性可以有多個值,用逗號分隔。字型使用方式為從左向右依次選用。只要前面的字型不存在,則使用後乙個字型。都不存在,使用預設「宋體」)

段落標記:

段落正文內容

換行標記:

表示換行

水平分割線標記:

表示水平分隔線

屬性(值) (表示)

width

(畫素px或百分比) (設定水平線寬度)

size

(整數,單位px) (設定水平線高度)

color

(rgb函式、十六進製制數,顏色英文名稱) (設定水平線顏色)

align

(left、center、right) (設定水平線對齊方式)

段落縮排標記:

一對blockquote標記能夠向右縮排5個西文字元的位置

預格式化標記:

標記對網頁中的文字段落進行預格式化,瀏覽器會完整保留設計者在原始檔中所定義的格式,包括各種空格、縮排以及其他特殊格式。

列表標記:

無序列表

常用選單列表

不常用目錄列表

不常用有序列表

常用定義列表

常用

無序列表(unordered list )

=「disc | circle | square">

>專案名稱<

/li>

>專案名稱<

/li>

>專案名稱<

/li>

…<

/ul>

符號: disc - ●; circle -○; square -■

有序列表(ordered list)

= " 1| a | a | i | i " start= "

2">

="" value=

"n">專案名稱<

/li>

="" value=

"n">專案名稱<

/li>

="" value=

"n">專案名稱<

/li>

…<

/ol>

定義列表(definition list)

dl>

專案1<

/dt>

說明1說明2 …

<

/dl>

html 前端基礎

html是什麼?超文字標記語言 hypertext markup language,html 通過標籤語言來標記要顯示的網頁中的各個部分,一套規則,瀏覽器認識的規則。瀏覽器按順序渲染網頁檔案,然後根據標記符解釋和顯示內容,但需要注意的是,對於不同的瀏覽器,對同一標籤可能會有不完全相同的解釋 相容性 ...

前端基礎HTML

web的服務本質 瀏覽器傳送請求 http協議 服務端接受請求 服務端返回響應 服務端把html檔案內容發給瀏覽器 瀏覽器渲染頁面 html學什麼?主要是學習標籤,記住常用的標籤 html常用標籤 head內常用標籤 定義網頁標題 定義內部樣式表 定義js 或引入外部js檔案 引入外部樣式表檔案 匯...

前端基礎HTML基礎之CSS

一 id選擇器 class選擇器 標籤選擇器 屬性選擇器 組合選擇器 設定css樣式有三種,第一種是通過在head中style定義選擇器,寫css樣式 第二種通過在標籤中新增屬性的方式定義css樣式 style background color black 第三中方式通過定義css樣式表 三種樣式定...