HTML學習小結之HTML標籤

2021-07-22 17:16:18 字數 2083 閱讀 4587

◎ :標識文件的開始和結束

◎網頁正文寫在這裡

主要標識文字區塊並附帶顯示格式

◎ :標識網頁標題

◎ :標識標題文字,其中i是1到6的數字,標識i級標題

◎ :段落

:預定義文字

◎ uote>:引用

示例2:

這是四級標題

這是五級標題

這是六級標題

這不是乙個段落

這是乙個段落

這不是預定義文字這是預定義文字

這不是引用
這是引用
標籤標識段落文字

主要用來標識部分文字字元的語義,大部分字元格式標籤有具體效果

:標識強調文字,效果為加粗

◎ :標識引用文字,效果為傾斜

◎ :標識閃爍文字,效果為閃爍(ie瀏覽器不支援該標籤)

◎ :標識放大文字,效果為放大

◎ :標識縮小文字,效果為縮小

◎ :標識上標文字,效果為上標

◎ :標識下標文字,效果為下標

◎ :標識引用文字,效果為傾斜

示例3:

b:強調,加粗

i:引用,傾斜

blink:閃爍

big:放大

small:縮小

sup:上標,x2

sub:下標,x2

cite:引用

例如,針對下面這個一元二次方程

x2-5x+4=0

我們使用因式分解法來演示解題思路如下:

由:(x-1)(x-4)=0得:x

1=1x

2=4

效果:

列表分為有序列表和無序列表。

無序列表使用專案符號來標識列表

有序列表使用編號來標識列表的專案順序

◎ 一元二次方程有4種解法:

直接開平方法

配方法公式法

因式分解法

另外還有特殊結構--定義列表

定義列表包括詞條和解釋兩部分

◎ :標識定義列表

◎ :標識詞條

◎ :標識解釋

示例4.2:

學富五車

形容讀書多,學識豐富。

才高八斗

形容人文才高超。

鏈結標籤能從乙個頁面跳到另乙個頁面

◎ :標識超連結

示例5:

1.用a標籤定義超連結 

2.用a標籤定義錨點

跳轉到底部

撐開瀏覽器滾動條

底部錨點位置

用於引入外部多**檔案

◎ :引入

◎ :引入多**

◎ :引入多**

◎ :定義**結構

◎ :定義**標題

◎ :定義表頭

◎ :定義**行

◎ :定義**單元格

示例7:

乙個4*3的矩陣

第一列第二列

第三列 a11

a12a13

a21a22

a23a31

a32a33

a41a42

a43

效果:

用來製作互動式表單

◎ :定義表單結構

◎ :定義文字域、按鈕和複選

◎ 核取方塊:

核取方塊1 核取方塊2 核取方塊3

單選按鈕:

按鈕1按鈕2

按鈕3下拉列表:

選項 1

選項 2

選項 3

效果:

html標籤小結1

1.之間的文字描述網頁。2.之間的文字是可見得頁面內容。3.到.之間為標題。4.之間的文字為段落。5.是html的鏈結。例.這是乙個鏈結 href屬性指定鏈結位址。6.7.定義換行或空行。例.這是一段文字,現在需要換行 好了換行完成,因為標籤p裡有標籤br 前面有乙個空行,因為在兩個p標籤之間有乙個...

HTML 標籤學習之 fieldset

現在提 html 標籤,貌似有些老生常談了,都說要合理地運用相應語義的標籤,不過 html 標籤那麼多,在寫 的時候用到最多的要算是div,span,a,p,br,h1,h2,h3,ul,ol,li,dl,dt,dd,table系列,input系列,select,del,pre,code等標籤,其他...

HTML學習 標籤

註解 h1 h6 字型越來越小 換行 標籤 段落 標籤 忽略行數 排版,行數隻與瀏覽器視窗的大小有關,與 搭配可實現折行效果 鏈結 標籤,使用了 href 屬性 水平線 文字格式化 這個文字是 加粗 的或這個文字是 加粗 的 放大 這個文字字型 放大 加粗 這個文字是 斜體 的 或 這個文字是 斜體...