html基礎(chǔ)(二)

html基礎(chǔ)

塊級(jí)元素

一行只能有一個(gè),可以設(shè)置寬高

h1-h6標(biāo)簽

  • H1標(biāo)題標(biāo)簽是 標(biāo)注當(dāng)前頁面中的文檔最重要的核心主題的文本。
  • 注意h1標(biāo)簽在整個(gè)頁面中最多一次(當(dāng)然可以超過,但是不利于搜索SEO)。
  • 一般用h1,h2,h3就夠了

p標(biāo)簽

段落

<hr />標(biāo)簽

水平線

div標(biāo)簽

頁面的分層

table標(biāo)簽

thead標(biāo)簽(表格標(biāo)題部分)

  • tr標(biāo)簽,表示一行
  • th標(biāo)簽,標(biāo)題單元格,默認(rèn)居中加粗

tbody標(biāo)簽(表格內(nèi)容部分)

  • 不寫也會(huì)默認(rèn)會(huì)加上
  • tr標(biāo)簽,表示一行
  • td標(biāo)簽,單元格,rowspan屬性,行合并單元格,colspan屬性,列合并單元格

tfoot標(biāo)簽(表格底部部分)

  • caption標(biāo)簽(整個(gè)表格的標(biāo)題)

cellpadding(單元格的內(nèi)邊距)

cellspacing(單元格之間的空白)

form標(biāo)簽

  • action屬性(url地址)
  • method屬性(提交方式),如get,post等
  • name屬性(表單名稱,區(qū)分同一個(gè)頁面中的多個(gè)表單。)

ul標(biāo)簽,無序列表

  • li標(biāo)簽,列表項(xiàng),li的內(nèi)容只包括文字,不包括前面的點(diǎn)

ol標(biāo)簽,有序列表

  • li標(biāo)簽,列表項(xiàng),默認(rèn)前面帶數(shù)字

dl標(biāo)簽,自定義列表

  • dt標(biāo)簽,標(biāo)題
  • dd標(biāo)簽,列表項(xiàng)
  • 圖文并排,dt里面是圖片,dd里面是文字

fieldset標(biāo)簽

將表單內(nèi)容的一部分打包,生成一組相關(guān)表單的字段。

legend標(biāo)簽

標(biāo)簽為 fieldset 元素定義標(biāo)題。

iframe標(biāo)簽

  • src屬性
  • width屬性
  • height屬性

marquee(文字會(huì)動(dòng)的標(biāo)簽)

  • direction(滾動(dòng)方向),lef或right
  • behavior(動(dòng)畫方式)

行內(nèi)元素

一行可以有多個(gè),不可以設(shè)置寬高

b標(biāo)簽,strong標(biāo)簽

字加粗

u標(biāo)簽,ins標(biāo)簽

下劃線

s標(biāo)簽,del標(biāo)簽

刪除線

i標(biāo)簽,em標(biāo)簽

字傾斜

sub標(biāo)簽

定義下標(biāo)字

sup標(biāo)簽

定義上標(biāo)字

<br />

換行

a標(biāo)簽

  • href,指向跳轉(zhuǎn)的地址
    • +id,頁面的定位

    • +id,頁面的定位

    • 地址+#+id,跳轉(zhuǎn)后的頁面進(jìn)行定位
  • target,跳轉(zhuǎn)方式
    • _blank ,新窗口跳轉(zhuǎn)
    • _self ,本窗口跳轉(zhuǎn)

span標(biāo)簽

定義文檔中的一小節(jié)文本,語義不強(qiáng)。

label標(biāo)簽

可以讓標(biāo)簽文本點(diǎn)擊的時(shí)候讓label指向的標(biāo)簽表單標(biāo)簽獲得焦點(diǎn)。

  1. for屬性指向表單標(biāo)簽
  2. 用lable標(biāo)簽包裹表單標(biāo)簽。

行內(nèi)塊元素

一行可以有多個(gè),可以設(shè)置寬高

img標(biāo)簽

  • src,圖片的來源,使用相對(duì)路徑
  • alt,圖片不顯示的時(shí)候,會(huì)顯示alt屬性的文本
  • title,對(duì)網(wǎng)站的seo有很大的影響。當(dāng)鼠標(biāo)移上去的時(shí)候,圖片顯示的提示文本內(nèi)容。
  • 可以通過設(shè)置width和height改變圖片的大小,只設(shè)置width或height,圖片會(huì)按比例縮放
  • 解決與盒子底部的縫隙,vertical-align:middle,display:block;

select標(biāo)簽

  • option標(biāo)簽,selected屬性表示被選中
  • size屬性,指定下拉菜單的可見選項(xiàng)數(shù)(取值為正整數(shù))。
  • multiple屬性,定義multiple="multiple"時(shí),下拉菜單將具有多項(xiàng)選擇的功能,方法為按住Ctrl鍵的同時(shí)選擇多項(xiàng)。

textarea標(biāo)簽

  • cols屬性,每行中的字符數(shù)
  • rows屬性,顯示的行數(shù)

input標(biāo)簽

  • type屬性(指定不同的控件類型)
    • text,普通的文本框
    • password,密碼框
    • radio,單選按鈕
    • checkbox,多選按鈕
    • button,普通按鈕
    • submit,提交按鈕
    • reset,重置按鈕
    • image,圖片按鈕,可以提交
    • hidden,隱藏的文本框
    • file,文件上傳
  • name屬性,控件的名稱
  • value屬性,input控件中的默認(rèn)文本值
  • readonly屬性,該控件內(nèi)容為只讀(不能編輯修改)
  • disabled屬性,第一次加載頁面時(shí)禁用該控件(顯示為灰色)
  • checked屬性,定義選擇控件默認(rèn)被選中的項(xiàng)
  • maxlength屬性,控件允許輸入的最多字符數(shù)
  • size屬性,input控件在頁面中的顯示寬度
  • placeholder="提示性文字"
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、列表 1.無序列表 2.有序列表 3. 標(biāo)簽中可以任意嵌套 4.自定義列表 (相當(dāng)于表頭) (相當(dāng)于列表項(xiàng)) ...
    Stevenqqq閱讀 312評(píng)論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,152評(píng)論 1 92
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,530評(píng)論 1 41
  • Bootstrap是什么? 一套易用、優(yōu)雅、靈活、可擴(kuò)展的前端工具集--BootStrap。GitHub上介紹 的...
    凜0_0閱讀 11,133評(píng)論 3 184
  • 1.html5結(jié)構(gòu)快捷鍵 !+tab 2.常用編碼類型 Ascll Ansi Unicode Gbk Gb2312...
    大基本功閱讀 249評(píng)論 0 0

友情鏈接更多精彩內(nèi)容