成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

HTML常用標(biāo)簽

Pink / 630人閱讀

摘要:屬性值為要合并的行數(shù)代碼示例被合并的單元格頁(yè)面效果如何去掉單元格之間的空白默認(rèn)表格的單元格之間都有的空白,如果想去掉空白,可以在開(kāi)始標(biāo)記中設(shè)置屬性代碼示例被合并的單元格頁(yè)面效果其他表格內(nèi)的標(biāo)簽除了和表格內(nèi)常用的還有其他標(biāo)簽

一、文本類(lèi)標(biāo)簽 1.段落

代碼示例:

這是一段段落文字

網(wǎng)頁(yè)效果:

QA:如何讓一段文字居中?

代碼示例:

這是一段段落文字

頁(yè)面效果:

align屬性值參考:

屬性值 說(shuō)明
left 文字左對(duì)齊
center 文字居中對(duì)齊
right 文字右對(duì)齊

QA:如何讓一段文字換行?

在需要換行的內(nèi)容里后面添加換行標(biāo)簽

代碼示例:

這是一段
段落文字

頁(yè)面效果:

關(guān)于


元素是一個(gè)空的 HTML 元素。由于關(guān)閉標(biāo)簽沒(méi)有任何意義,因此它沒(méi)有結(jié)束標(biāo)簽。

2.標(biāo)題

代碼示例:

這是1號(hào)標(biāo)題

這是2號(hào)標(biāo)題

這是3號(hào)標(biāo)題

這是4號(hào)標(biāo)題

這是5號(hào)標(biāo)題
這是6號(hào)標(biāo)題

頁(yè)面效果:

標(biāo)題很重要

請(qǐng)確保將標(biāo)題標(biāo)簽只用于標(biāo)題。不要僅僅是為了產(chǎn)生粗體或大號(hào)的文本而使用標(biāo)題。
搜索引擎使用標(biāo)題為您的網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容編制索引。
因?yàn)橛脩?hù)可以通過(guò)標(biāo)題來(lái)快速瀏覽您的網(wǎng)頁(yè),所以用標(biāo)題來(lái)呈現(xiàn)文檔結(jié)構(gòu)是很重要的。
應(yīng)該將 h1 用作主標(biāo)題(最重要的),其后是 h2(次重要的),再其次是 h3,以此類(lèi)推。

3.內(nèi)容

標(biāo)簽被用來(lái)組合文檔中的行內(nèi)元素

代碼示例:

這是文字內(nèi)容
這是另外的文字內(nèi)容

頁(yè)面效果:

4.有序列表

代碼示例:

  1. 香蕉
  2. 蘋(píng)果
  3. 橘子

頁(yè)面效果:

QA:列表序號(hào)可不可倒序?

代碼示例:

  1. 香蕉
  2. 蘋(píng)果
  3. 橘子

頁(yè)面效果:

==常用的有序列表屬性:==

5.無(wú)序列表

代碼示例:

  • 奔馳
  • 寶馬
  • 奧迪

頁(yè)面效果:

常用的無(wú)序列表屬性:

二、圖片

代碼示例:


頁(yè)面效果:

屬性解釋?zhuān)?/strong>

src :圖片地址,可以是網(wǎng)絡(luò)地址,類(lèi)似:http://test.hawklu.com/youdaoImg/img.png可以是本地地址,類(lèi)似 ../image/logo.png ,本地地址可以使用絕對(duì)路徑或相對(duì)路徑,==一般建議使用相對(duì)路徑==

alt :圖片異常(圖片丟失或應(yīng)用路徑錯(cuò)誤)時(shí)顯示的提示文字

三、超級(jí)鏈接

超級(jí)鏈接,幾乎所有的網(wǎng)頁(yè)上都有超級(jí)鏈接,通常用于從一個(gè)網(wǎng)頁(yè)跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)。也可以用于頁(yè)面內(nèi)的定位。

代碼示例:

這是一個(gè)超級(jí)鏈接

頁(yè)面效果:

點(diǎn)擊前

屬性解釋?zhuān)?/strong>

href :要跳轉(zhuǎn)的目標(biāo)地址,通常網(wǎng)絡(luò)地址,類(lèi)似:http://www.baidu.com

target :目標(biāo)地址的打開(kāi)方式,可以是新窗體打開(kāi),也可以覆蓋自身

四、表格

常見(jiàn)表格,通常用來(lái)處理數(shù)據(jù)。


代碼示例:

1-1 1-2 1-3
2-1 2-2 2-3

頁(yè)面效果:

備注:
上述代碼中,為了使表格能夠清晰可見(jiàn),設(shè)置了表格屬性 border="1" ,表示單元格邊框?qū)挾葹?


如果要實(shí)現(xiàn)無(wú)邊框表格,可以使用下面代碼:

1-1 1-2 1-3
2-1 2-2 2-3

頁(yè)面效果:

(1)單元格列合并(橫向合并)

在需要合并的收個(gè)單元格添加屬性 colspan="2" 然后刪除被合并的單元格。

屬性值為要合并的列數(shù)

代碼示例:

1-1 1-3
2-1 2-2 2-3

頁(yè)面效果:

(2)單元格行合并(縱向向合并)

在需要合并的收個(gè)單元格添加屬性 rowspan="2" 然后刪除被合并的單元格。

屬性值為要合并的行數(shù)

代碼示例:

1-1 1-2 1-3
2-2 2-3

頁(yè)面效果:

QA:如何去掉單元格之間的空白?

AS:默認(rèn)表格的單元格之間都有2px的空白,如果想去掉空白,可以在table開(kāi)始標(biāo)記中設(shè)置屬性 cellspacing="0"

代碼示例:

1-1 1-2 1-3
2-2 2-3

頁(yè)面效果:

其他表格內(nèi)的標(biāo)簽

除了 表格內(nèi)常用的還有其他標(biāo)簽,

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/52941.html

相關(guān)文章

  • 沃土前端系列 - HTML常用標(biāo)簽

    摘要:由于網(wǎng)頁(yè)中不僅包含普通文本,還包含超文本,故被稱(chēng)作超文本描述語(yǔ)言。是的縮寫(xiě),中文的意思是超文本標(biāo)記語(yǔ)言,它是制作網(wǎng)頁(yè)的標(biāo)準(zhǔn)語(yǔ)言。 html是什么 HTML是Hyper Text Markup Language的縮寫(xiě),中文的意思是超文本標(biāo)記語(yǔ)言,它是制作網(wǎng)頁(yè)的標(biāo)準(zhǔn)語(yǔ)言。由于網(wǎng)頁(yè)中不僅包含普通文本,還包含超文本,故被稱(chēng)作超文本描述語(yǔ)言。那什么是超文本呢?所謂超文本,就是指圖像、視頻、動(dòng)畫(huà)、...

    lbool 評(píng)論0 收藏0
  • HTML常用標(biāo)簽

    摘要:提示判斷版本決定是否顯示,使用如下請(qǐng)升級(jí)瀏覽器參考鏈接標(biāo)簽代碼參考自綠葉學(xué)習(xí)網(wǎng),網(wǎng)址部分代碼參考自菜鳥(niǎo)教程,網(wǎng)址如有侵權(quán),請(qǐng)聯(lián)系刪除 HTML之常用標(biāo)簽 介紹了前端中常用的標(biāo)簽,講解了行內(nèi)元素和塊元素的區(qū)別,同時(shí)重點(diǎn)解釋了語(yǔ)義化的意義! html標(biāo)簽 html控制頁(yè)面結(jié)構(gòu),良好的頁(yè)面結(jié)構(gòu)有利于seo優(yōu)化 html常用標(biāo)簽 ...

    余學(xué)文 評(píng)論0 收藏0
  • 第三天·HTML常用標(biāo)簽

    摘要:如果希望某段文本強(qiáng)制換行顯示,就需要使用換行標(biāo)簽在中直接敲回車(chē)來(lái)?yè)Q行是不起作用的。標(biāo)簽的屬性用于指定超鏈接目標(biāo)的。這是因?yàn)闃?biāo)識(shí)符幾乎可以用在所有的標(biāo)簽中。 一·- 單詞縮寫(xiě):headHTML的-代表了六個(gè)等級(jí)的標(biāo)題,其中標(biāo)簽比較重要,因此要盡量少用。一般是給logo使用,或者是頁(yè)面中最重要的標(biāo)題。 Heading level 1 Heading level 2 Heading leve...

    guqiu 評(píng)論0 收藏0
  • HTML5常用標(biāo)簽分類(lèi)

    HTML5常用標(biāo)簽分類(lèi) 標(biāo)簽(空格分隔): HTML 前端開(kāi)發(fā) [TOC] 一.HTML文檔標(biāo)簽 : 定義文檔類(lèi)型. : 定義HTML文檔. : 定義文檔的頭部.(頭部?jī)?nèi)包含) (1). ``: 定義元素可提供有關(guān)頁(yè)面的元信息,比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞. (2). ``:定義頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo). (3). ``: 定義文檔的標(biāo)題. (4). ``: 定...

    canopus4u 評(píng)論0 收藏0
  • 常用HTML標(biāo)簽詳解與總結(jié)

    摘要:今天,我們就來(lái)詳細(xì)介紹常用的標(biāo)簽。標(biāo)簽對(duì)文字字符進(jìn)行換行處理。標(biāo)簽加入水平分割線。標(biāo)簽語(yǔ)義強(qiáng)調(diào),表示重視。標(biāo)簽有序列表標(biāo)簽。即定義描述,用于添加該名詞的具體解釋。標(biāo)簽用來(lái)顯示圖片。默認(rèn)內(nèi)容標(biāo)簽下拉列表,以和兩個(gè)標(biāo)簽配合完成。 對(duì)于很多HTML初學(xué)者來(lái)說(shuō),記憶和掌握標(biāo)簽是一門(mén)很難搞的功課。今天,我們就來(lái)詳細(xì)介紹常用的HTML標(biāo)簽。對(duì)于標(biāo)簽的掌握,更多的是要通過(guò)練習(xí),熟能生巧。 stlye...

    DobbyKim 評(píng)論0 收藏0
  • html常用標(biāo)簽整理

    摘要:主要通過(guò)樣式為其賦予不同的表現(xiàn)標(biāo)簽用來(lái)定義內(nèi)聯(lián)行內(nèi)元素,并無(wú)實(shí)際的意義。html文檔結(jié)構(gòu) 1 DOCTYPE html> 2 <html lang="zh-CN"> #這個(gè)lang表示語(yǔ)言,zh-CN中文的意思,整個(gè)文檔的內(nèi)容以中文為主,如果以英文為主,就寫(xiě)成lang=en 3 4 <head> 5 <meta charset...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<