HTML快速入門

2021-10-04 05:46:03 字數 2459 閱讀 7215

<

!--這是乙個宣告,目的是告訴瀏覽器使用html的標準來解析這個網頁--

>

<

!doctype html>

<

!--根標籤,最頂層的標籤--

>

<

!--頭標籤,用於指定html文件的一些屬性。--

>

"utf-8"

/>

<

!--定義標題的標籤--

>

<

/title>

<

/head>

<

!--體標籤,網頁的主要內容就寫在這裡--

>

hellow

<

/body>

<

/html>

注釋:標題標籤:

四級標題

五級標題

六級標題

換行標籤:

顯示一條水平線:

段落標籤:

字型加粗:

斜體:

字型標籤(不建議使用):用來定義字型的顏色、寬度

給文字加刪除線:

把文字變成上標:

給文字加下劃線:

空格: 

"載入失敗提示" title=

"滑鼠經過提示" src=

"位置" width=

"60px"

>

width、height可以設定畫素,也可以設定螢幕佔比

無序列表標籤:

type="disc"是實心圓

type="circle"是空心圓

type="square"是實心方塊

"disc"

>

列表目錄<

/li>

<

/ul>

有序列表標籤:

type="1"是數字排序

type="a"是字母排序

type="a"是字母排序

type="i"是羅馬字母排序

type="i"是羅馬字母排序

"1">

列表目錄<

/li>

<

/ol>

"超連結標籤"

>

開啟一頁空白頁再開啟鏈結

"超連結標籤" target=

"_blank"

>

需要掌握:建立**,加邊框,設定寬度,設定對齊方式,合併單元格

<

!-- 建立** --

>

"1px" cellspacing=

"0">

<

!--border為**設定寬度,cellspacing表示單元格間隙--

>

"300px"

/>

<

!--設定第一列單元格寬度--

>

"300px"

/>

<

!--設定第二列單元格寬度--

>

<

!-- **行 --

>

"200xp"

>單元格1

<

/td>

<

!--width設定單元格寬度--

>

單元格2

<

/td>

<

/tr>

"center"

>

<

!--align設定對齊方式--

>

單元格1

<

/td>

"2">

<

/td>

<

!--colspan合併列,rowspan合併行--

>

<

/tr>

<

/table>快速生成**:tr**行數》td**列數

加粗並水平居中:把td替換成th

設定多行列寬:

需要掌握:熟悉input各種型別的框與按鈕,熟悉form熟悉action、method,post與get的區別

超連結不能巢狀超連結

p標籤不能巢狀p標籤

標題標籤不能相互巢狀

HTML快速入門

html 是用來描述網頁的一種語言。html 指的是超文字標記語言 hyper text markup language html 不是一種程式語言,而是一種標記語言 markup language 標記語言是一套標記標籤 markup tag html 使用標記標籤來描述網頁 html 標籤通常是...

HTML快速入門

b s架構 伺服器 瀏覽器 接收請求並解析,處理業務,返回資料 響應 頁面組成 html css js 測試工具 chrome 特點 說明 標籤就是html的骨架,最重要的組成部分。屬性 幾乎每個標籤都有的屬性 加粗 斜體 下劃線 刪除線 上標 下標 字型 其中的每個元素都是乙個 有序列表 例子 n...

HTML快速入門

目錄2.html 一般對前端而言,我們接觸得比較多的是 b s 架構 資源分類 靜態資源 使用靜態網頁開發技術發布的資源 特點 分類 動態資源 特點 由標籤構成的語言。標籤名稱 如 html,xml html檔案的字尾名 html 或 htm 標籤分為 圍堵標籤 有開始和結束標籤。如 自閉和標籤 開...