基礎系列(1) html

2022-09-03 21:54:18 字數 2609 閱讀 3003

(隨筆雜談,自己做的筆記)

結構  ------  xhtml,xml

表現  ------  css

行為  ------  bom,dom,ecmascript 

1

doctype html

>

2<

html

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>

title

>

6head

>

7<

body

>

8body

>

9html

>

type: 定義某種型別

文字標題標籤

1

<

h1>唯一性,一般放logo,乙個網頁只出現一次

h1>

2<

h2>

h2>

3<

h3>

h3>

4<

h4>

h4>

5<

h5>

h5>

6<

h6>

h6>

字型標記

1

<

i>

i> || <

em>

em>

2傾斜效果

3<

b>

b> || <

strong

>

strong

>

4加粗效果

5<

u>

u>

6下劃線效果

7<

br>

8強制換行

9<

hr>

10水平線

11<

p>

p>

12 段落標籤

字元實體

1

不換行空格

2>

>

3<

<4©

; 版權圖示(備案圖)

列表屬性

1

2<

ul>

3<

li>

li>4ul

>56

<

ol>

7<

li>

li>8ol

>910

<

dl>

11<

dd>內容

dd>

12<

dt>對內容的解釋

dt>

13dl

>

超連結

1

<

a href

=""target

=""title

="">

2

標籤

1

<

img

src=""

alt=""

width

=""height

="">

2alt: 不顯示時的文字,該屬性便於優化,必須要有!

3

**作用:顯示資料

1

<

table

cellspacing

="0"

cellpadding

="0"

>

2<

tr>

3<

td colspan

=""rowspan

="">

td>4tr

>

5table

>612

13

表單作用:儲存資料

1

<

form

action

="路徑"

name

="名稱"

method

="post/get"

>

2form

>

3<--4

form: 表單域

5action: 表單提交的路徑

6name: 表單名稱

7method: 資料傳輸方式 post,get8--

>

表單**巢狀

1

2<

table

>

3<

form

>

4<

tr>

5<

td><

input

type

="text"

>

td>

6<

td><

input

type

="password"

>

td>7tr

>

8form

>

9table

>

隨筆1 HTML基礎

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

前端筆記1 HTML基礎

html 基本用法 屬性入門 html 基本構架 簡單標籤 複雜標籤 復合標籤 表單 iframe 內嵌框架 frame 框架集視窗 html 5 多 標籤 顏色表示法 全寫 hypertextmark uplanguage 概念 一種為普通檔案中某些字句加上標示的語言,其目的在於運用標記 tag ...

HTML基礎知識1 HTML簡介

超文字標記語言即是我們所熟知的html語言,它是一種用於建立網頁的標記語言,我們可以使用 html 來建立自己的 web 站點,html 執行在瀏覽器上,由瀏覽器來解析 對html的理解 1 它是一種標記語言即是一套標記標籤並不是一種程式語言,html使用標記標籤 來描述網頁 2 html文件又叫做...