導航:首頁 > 萬維百科 > 網頁設計中標簽的作用

網頁設計中標簽的作用

發布時間:2021-03-13 14:10:31

1、網頁設計中,span標簽是什麼東西啊?

如果不對 span 應用樣式,那麼 span 元素中的文本與其他文本不會任何視覺上的差異。盡管如此,上例中的 span 元素仍然為 p 元素增加了額外的結構。
可以為 span 應用 id 或 class 屬性,這樣既可以增加適當的語義,又便於對 span 應用樣式。
可以對同一個 <span> 元素應用 class 或 id 屬性,但是更常見的情況是只應用其中一種。這兩者的主要差異是,class 用於元素組(類似的元素,或者可以理解為某一類元素),而 id 用於標識單獨的唯一的元素。
提示:事實上,您也許已經注意到了,W3School 站點上有一些文本的樣式與其他文本是不同的。比如「提示」使用了粗體的橘紅色。盡管實現這種效果的方法非常多,但是我們的做法是:使用「提示」使用 span 元素,然後對這個 span 元素的父元素,即 p 元素應用 class,這樣就可以對這個類的子元素 span 應用相應的樣式了。
HTML:
<p class="tip"><span>提示:</span>... ... ...</p>

CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}
說的簡單點就是給一些文字圖片加一個定義!然後改變文字和圖片的樣式

2、請問標簽<div>在網頁製作中,是起到什麼作用,什麼時候要用到標簽??

<div>的作用是產生一個容器,使得可以對這個容器裡面的所有內容進行操作。

容器也可以理解為網頁上的一塊。

<div>產生的容器會單獨佔一段,需要把不分段時使用<span>建立容器。

3、html中的主要標簽有哪些,具體作用是什麼

html中的主要標簽有哪些,具體作用是什麼?

文件標記
<HTML> ● 文件聲明 讓瀏覽器知道這是 HTML 文件
<HEAD> ● 開頭 提供文件整體資訊
<TITLE> ● 標題 定義文件標題,將顯示於瀏覽頂端
<BODY> ● 本文 設計文件格式及內文所在
排版標記
<!--註解--> ○ 說明標記 為文件加上說明,但不被顯示
<P> ○ 段落標記 為字、畫、表格等之間留一空白行
<BR> ○ 換行標記 令字、畫、表格等顯示於下一行
<HR> ○ 水平線 插入一條水平線
<CENTER> ● 居中 令字、畫、表格等顯示於中間 反對
<PRE> ● 預設格式 令文件按照原始碼的排列方式顯示
<DIV> ● 區隔標記 設定字、畫、表格等的擺放位置
<NOBR> ● 不折行 令文字不因太長而繞行
<WBR> ● 建議折行 預設折行部位
字體標記
<STRONG> ● 加重語氣 產生字體加粗 Bold 的效果
<B> ● 粗體標記 產生字體加粗的效果
<EM> ● 強調標記 字體出現斜體效果
<I> ● 斜體標記 字體出現斜體效果
<TT> ● 打字字體 Courier字體,字母寬度相同
<U> ● 加上底線 加上底線 反對
<H1> ● 一級標題標記 變粗變大加寬,程度與級數反比
<H2> ● 二級標題標記 將字體變粗變大加寬
<H3> ● 三級標題標記 將字體變粗變大加寬
<H4> ● 四級標題標記 將字體變粗變大加寬
<H5> ● 五級標題標記 將字體變粗變大加寬
<H6> ● 六級標題標記 將字體變粗變大加寬
<FONT> ● 字形標記 設定字形、大小、顏色 反對
<BASEFONT> ○ 基準字形標記 設定所有字形、大小、顏色 反對
<BIG> ● 字體加大 令字體稍為加大
<SMALL> ● 字體縮細 令字體稍為縮細
<STRIKE> ● 畫線刪除 為字體加一刪除線 反對
<CODE> ● 程式碼 字體稍為加寬如<TT>
<KBD> ● 鍵盤字 字體稍為加寬,單一空白
<SAMP> ● 範例 字體稍為加寬如<TT>
<VAR> ● 變數 斜體效果
<CITE> ● 傳記引述 斜體效果
<BLOCKQUOTE> ● 引述文字區塊 縮排字體
<DFN> ● 述語定義 斜體效果
<ADDRESS> ● 地址標記 斜體效果
<SUB> ● 下標字 下標字
<SUP> ● 上標字 指數(平方、立方等)
清單標記
<OL> ● 順序清單 清單項目將以數字、字母順序排列
<UL> ● 無序清單 清單項目將以圓點排列
<LI> ○ 清單項目 每一標記標示一項清單項目
<MENU> ● 選單清單 清單項目將以圓點排列,如<UL> 反對
<DIR> ● 目錄清單 清單項目將以圓點排列,如<UL> 反對
<DL> ● 定義清單 清單分兩層出現
<DT> ○ 定義條目 標示該項定義的標題
<DD> ○ 定義內容 標示定義內容
表格標記
<TABLE> ● 表格標記 設定該表格的各項參數
<CAPTION> ● 表格標題 做成一打通列以填入表格標題
<TR> ● 表格列 設定該表格的列
<TD> ● 表格欄 設定該表格的欄
<TH> ● 表格標頭 相等於<TD>,但其內之字體會變粗
表單標記
<FORM> ● 表單標記 決定單一表單的運作模式
<TEXTAREA> ● 文字區塊 提供文字方盒以輸入較大量文字
<INPUT> ○ 輸入標記 決定輸入形式
<SELECT> ● 選擇標記 建立 pop-up 卷動清單
<OPTION> ○ 選項 每一標記標示一個選項
圖形標記
<IMG> ○ 圖形標記 用以插入圖形及設定圖形屬性
連結標記
<A> ● 連結標記 加入連結
<BASE> ○ 基準標記 可將相對 URL 轉絕對及指定連結目標
框架標記
<FRAMESET> ● 框架設定 設定框架
<FRAME> ○ 框窗設定 設定框窗
<IFRAME> ○ 頁內框架 於網頁中間插入框架 IE
<NOFRAMES> ● 不支援框架 設定當瀏覽器不支援框架時的提示
影像地圖
<MAP> ● 影像地圖名稱 設定影像地圖名稱
<AREA> ○ 連結區域 設定各連結區域
多媒體
<BGSOUND> ○ 背景聲音 於背景播放聲音或音樂 IE
<EMBED> ○ 多媒體 加入聲音、音樂或影像
其他標記
<MARQUEE> ● 走動文字 令文字左右走動 IE
<BLINK> ● 閃爍文字 閃爍文字 NC
<ISINDEX> ○ 頁內尋找器 可輸入關鍵字尋找於該一頁 反對
<META> ○ 開頭定義 讓瀏覽器知道這是 HTML 文件
<LINK> ○ 關系定義 定義該文件與其他 URL 的關系
StyleSheet
<STYLE> ● 樣式表 控制網頁版面
<span> ● 自訂標記 獨立使用或與樣式表同用

4、網頁設計中div是起什麼作用的?

div是塊狀標簽,可以把網頁分成一塊一塊的,方便排版,明確層次。
比用table等更好。

5、網頁程序設計中標簽的作用是什麼?

得看是什麼標簽了,就像不同顏色的透明容器,放在里邊的東西在網頁上會根據標簽不同顯示出不同視覺效果。

6、剛學習網頁製作,求裡面一個標簽作用

這個是跟SEO相關標簽,加了 nofollow之後,頁面不傳遞權重到 maokong001的網站。

具體參考http://ke.baidu.com/view/1584081.htm

7、網頁設計中元素和標簽有什麼區別

標簽(tag)指示元素的起始與結束。

所有標簽都具有相同的格式:以小於號「<」開頭,以大於號「>」結尾。

一般說來,有兩種標簽——首標簽(start tag)(如<html>)和尾標簽(end tag)(如</html>)。它們唯一的區別在於,尾標簽多一條斜杠「/。你通過把內容放在首標簽和尾標簽之間來對內容進行標記。

HTML主要就是各種各樣的元素,所以,學習HTML,就是學習使用各種元素。

可以舉些例子么?

沒問題。比如,b元素的作用是,告訴瀏覽器介於標簽<b>和</b>之間的文本應以粗體顯示。(這里的「b」是「粗體(bold)」的意思。)

8、Dreamweaver中常見的標簽的意義和作用是什麼???

CSS:Cascading Style Sheet(層疊樣式表、級聯樣式表)的縮寫。

w3c給予的說明是:它是一種簡單的對於web文檔增加樣式(諸如:字體、顏色、間隔等)的機制(Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. )。標准技術文檔參見W3C的文檔說明。
本人認為樣式表的作用就是web設計中文檔設計與表現分離的需要。打個比方,整個web程序就像一個人,人有頭、四肢等,這是人的基本構架,也是最基本的,沒有這些,人就不能稱之為人;同樣web文檔結構就是web程序中最基本的東東。那樣式表就好像人的衣服,它是web文檔的衣裝,有了它,web網頁才顯現出千姿百態。有人要問了,那以前沒有CSS說法時,web頁面設計也是各式各樣的啊。不錯,但是注意那時文檔結構和表現形式是沒有分離的,就好比你的文身,刺在你的肉中(也許不是很恰當,人穿上衣服可以遮住的),沒法和你分開了。文檔結構和表現混和就不利於web程序的繼承、再開發,因為每一次web重新設計就是一次新的項目開發了。所以我們要選擇web文檔結構和表現形式的分離,所以我們選擇了CSS(當然,CSS主要是針對web程序的;還有XSL是針對所有的文檔結構類型之間的相互轉換,也更為通用了,XSL也可以用於web設計)。

與網頁設計中標簽的作用相關的知識