国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML常用標簽

Pink / 548人閱讀

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

一、文本類標簽 1.段落

代碼示例:

這是一段段落文字

網頁效果:

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

代碼示例:

這是一段段落文字

頁面效果:

align屬性值參考:

屬性值 說明
left 文字左對齊
center 文字居中對齊
right 文字右對齊

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

在需要換行的內容里后面添加換行標簽

代碼示例:

這是一段
段落文字

頁面效果:

關于


元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義,因此它沒有結束標簽。

2.標題

代碼示例:

這是1號標題

這是2號標題

這是3號標題

這是4號標題

這是5號標題
這是6號標題

頁面效果:

標題很重要

請確保將標題標簽只用于標題。不要僅僅是為了產生粗體或大號的文本而使用標題。
搜索引擎使用標題為您的網頁的結構和內容編制索引。
因為用戶可以通過標題來快速瀏覽您的網頁,所以用標題來呈現(xiàn)文檔結構是很重要的。
應該將 h1 用作主標題(最重要的),其后是 h2(次重要的),再其次是 h3,以此類推。

3.內容

標簽被用來組合文檔中的行內元素

代碼示例:

這是文字內容
這是另外的文字內容

頁面效果:

4.有序列表

代碼示例:

  1. 香蕉
  2. 蘋果
  3. 橘子

頁面效果:

QA:列表序號可不可倒序?

代碼示例:

  1. 香蕉
  2. 蘋果
  3. 橘子

頁面效果:

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

5.無序列表

代碼示例:

  • 奔馳
  • 寶馬
  • 奧迪

頁面效果:

常用的無序列表屬性:

二、圖片

代碼示例:


頁面效果:

屬性解釋:

src :圖片地址,可以是網絡地址,類似:http://test.hawklu.com/youdaoImg/img.png可以是本地地址,類似 ../image/logo.png ,本地地址可以使用絕對路徑或相對路徑,==一般建議使用相對路徑==

alt :圖片異常(圖片丟失或應用路徑錯誤)時顯示的提示文字

三、超級鏈接

超級鏈接,幾乎所有的網頁上都有超級鏈接,通常用于從一個網頁跳轉到另一個網頁。也可以用于頁面內的定位。

代碼示例:

這是一個超級鏈接

頁面效果:

點擊前

屬性解釋:

href :要跳轉的目標地址,通常網絡地址,類似:http://www.baidu.com

target :目標地址的打開方式,可以是新窗體打開,也可以覆蓋自身

四、表格

常見表格,通常用來處理數(shù)據(jù)。


代碼示例:

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

頁面效果:

備注:
上述代碼中,為了使表格能夠清晰可見,設置了表格屬性 border="1" ,表示單元格邊框寬度為1


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

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

頁面效果:

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

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

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

代碼示例:

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

頁面效果:

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

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

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

代碼示例:

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

頁面效果:

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

AS:默認表格的單元格之間都有2px的空白,如果想去掉空白,可以在table開始標記中設置屬性 cellspacing="0"

代碼示例:

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

頁面效果:

其他表格內的標簽

除了 表格內常用的還有其他標簽,

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

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52941.html

相關文章

  • 沃土前端系列 - HTML常用標簽

    摘要:由于網頁中不僅包含普通文本,還包含超文本,故被稱作超文本描述語言。是的縮寫,中文的意思是超文本標記語言,它是制作網頁的標準語言。 html是什么 HTML是Hyper Text Markup Language的縮寫,中文的意思是超文本標記語言,它是制作網頁的標準語言。由于網頁中不僅包含普通文本,還包含超文本,故被稱作超文本描述語言。那什么是超文本呢?所謂超文本,就是指圖像、視頻、動畫、...

    lbool 評論0 收藏0
  • HTML常用標簽

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

    余學文 評論0 收藏0
  • 第三天·HTML常用標簽

    摘要:如果希望某段文本強制換行顯示,就需要使用換行標簽在中直接敲回車來換行是不起作用的。標簽的屬性用于指定超鏈接目標的。這是因為標識符幾乎可以用在所有的標簽中。 一·- 單詞縮寫:headHTML的-代表了六個等級的標題,其中標簽比較重要,因此要盡量少用。一般是給logo使用,或者是頁面中最重要的標題。 Heading level 1 Heading level 2 Heading leve...

    guqiu 評論0 收藏0
  • HTML5常用標簽分類

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

    canopus4u 評論0 收藏0
  • 常用HTML標簽詳解與總結

    摘要:今天,我們就來詳細介紹常用的標簽。標簽對文字字符進行換行處理。標簽加入水平分割線。標簽語義強調,表示重視。標簽有序列表標簽。即定義描述,用于添加該名詞的具體解釋。標簽用來顯示圖片。默認內容標簽下拉列表,以和兩個標簽配合完成。 對于很多HTML初學者來說,記憶和掌握標簽是一門很難搞的功課。今天,我們就來詳細介紹常用的HTML標簽。對于標簽的掌握,更多的是要通過練習,熟能生巧。 stlye...

    DobbyKim 評論0 收藏0
  • html常用標簽整理

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

    番茄西紅柿 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<