明輝手游網(wǎng)中心：是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)！

JavaWeb之對(duì)于html基本學(xué)習(xí)的具體說(shuō)明

發(fā)表時(shí)間：2024-01-01 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]JavaWeb01_html basichtml操作思想使用標(biāo)簽把要操作的數(shù)據(jù)包起來(lái)，通過(guò)修改標(biāo)簽的屬性值，來(lái)實(shí)現(xiàn)標(biāo)簽內(nèi)數(shù)據(jù)樣式的變化font標(biāo)簽屬性：size取值范圍1-7 color：英文單詞，十六進(jìn)制數(shù) #ffffff標(biāo)題標(biāo)簽 <h1> </h1> ... <h...
JavaWeb01_html basic

html操作思想

  • 使用標(biāo)簽把要操作的數(shù)據(jù)包起來(lái)，通過(guò)修改標(biāo)簽的屬性值，來(lái)實(shí)現(xiàn)標(biāo)簽內(nèi)數(shù)據(jù)樣式的變化

font標(biāo)簽

  • 屬性：size取值范圍1-7 color：英文單詞，十六進(jìn)制數(shù) #ffffff

標(biāo)題標(biāo)簽 <h1> </h1> ... <h6> </h6>

  • 從h1到h6越來(lái)越小，自動(dòng)換行

注釋

  • <!-- html的注釋 -->

列表標(biāo)簽

  • <dl> <dt></dt> <dd></dd> </dl>

  • 有序

  • 無(wú)序

圖像標(biāo)簽

  • <img src="圖片的路徑" width="" height="" alt="" />

  • alt:瀏覽器的兼容性很差

路徑（相對(duì)路徑）

  • 在同一級(jí)目錄：直接寫

  • 在下一層目錄：images/1.jpg

  • 在上層目錄： ../

超鏈接標(biāo)簽

<a href="路徑">顯示在頁(yè)面上的內(nèi)容</a>

  • 打開方式 target=”_self _blank”

  • 默認(rèn)是在當(dāng)前頁(yè)面打開

表格標(biāo)簽

<table>
    <tr>
        <td></td>
        <th></th>   <!--加粗和居中-->
    </tr>
</table>

html的五個(gè)規(guī)范

  • 一個(gè)html文件開始標(biāo)簽和結(jié)束的標(biāo)簽<html>和</html>

  • html包含兩部分內(nèi)容

    • <head>設(shè)置相關(guān)信息</head>

    • <body>顯示在頁(yè)面上的內(nèi)容都寫在body里面</body>

  • html的標(biāo)簽是成對(duì)的

  • html的代碼不區(qū)分大小寫

  • 有些標(biāo)簽，在標(biāo)簽內(nèi)結(jié)束。比如換行:<br /> 分割線:<hr />

表單標(biāo)簽

  • 可以提交數(shù)據(jù)到服務(wù)器，這個(gè)過(guò)程可以用表單標(biāo)簽實(shí)現(xiàn)

  • <form>和</form>

    • get請(qǐng)求地址欄會(huì)攜帶提交的數(shù)據(jù)，post不會(huì)攜帶

    • get請(qǐng)求安全級(jí)別較低，post較高

    • get請(qǐng)求數(shù)據(jù)大小的限制，post沒有限制

    • 常用的有兩種 get和post get默認(rèn)就是get請(qǐng)求

    • action:提交到地址，默認(rèn)提交到當(dāng)前頁(yè)面

    • method:表單的提交方式

    • enctype: 一般請(qǐng)求下不需要這個(gè)屬性，做文件上傳時(shí)候需要設(shè)置這個(gè)屬性

    • 面試題目：get和post區(qū)別

  • 輸入項(xiàng)：可以輸入內(nèi)容過(guò)選擇內(nèi)容的部分

    • 普通輸入項(xiàng)：<input type="text"/>

    • 密碼輸入項(xiàng)：<input type="password"/>

    • 單選輸入項(xiàng)：<input type="radio"/>
      -> 在里面需要屬性name
      -> name的屬性值必須要相同
      -> 必須有一個(gè)value值

    • 復(fù)選輸入項(xiàng)：<input type="checkbox"/>
      -> 在里面需要屬性name
      -> name的屬性值必須要相同
      -> 必須有一個(gè)value值

    • 文件輸入項(xiàng)（在后面上傳時(shí)侯用到）
      -> <input type="file"/>

    • 下拉輸入項(xiàng)（不是在input標(biāo)簽里面的）

      <select name="birth">
    <option value="0">請(qǐng)選擇</option>
    <option value="1991">1991</option>
    <option value="1991">1992</option>
    <option value="1991">1993</option>
    <option value="1991">1994</option>
</select>

    • 文本域

    • <textarea cols="10" rows=""></textarea>

    • 隱藏項(xiàng)（不會(huì)顯示在頁(yè)面上，但是存在于html代碼里面）

    • <input type="hidden"/>

    • 提交按鈕

    • <input type="submit"/>
<input type="submit" value="注冊(cè)"/>

    • 使用圖片提交

    • <input type="image" src="a.jpg"/>

    • 大部分的輸入項(xiàng)使用 <input type="輸入項(xiàng)的類型"/>

html中其它的常用標(biāo)簽的使用

  • b –加粗

  • s –刪除線

  • u –下劃線

  • i –斜體

  • pre –原樣輸出

  • sub和sup –下標(biāo)和上標(biāo)

  • div –自動(dòng)換行

  • span –在一行顯示

html頭標(biāo)簽的使用

  • html兩部分組成 head和body

    • 可以使用link標(biāo)簽引入css文件

    • 可以統(tǒng)一設(shè)置超鏈接的打開方式<base target="_blank" /> –設(shè)置全文超鏈接以新窗口打開

    • <meta name="keywords" content="學(xué)習(xí),熊出沒"> –以前的搜索引擎檢索方式

    • <meta http-equiv="refresh" content="3; url="/> –三秒跳轉(zhuǎn)

    • 在head里面的標(biāo)簽就是頭標(biāo)簽

    • title標(biāo)簽：表示在標(biāo)簽上顯示的內(nèi)容

    • <meta>標(biāo)簽：設(shè)置頁(yè)面的一些相關(guān)的內(nèi)容

    • base標(biāo)簽：設(shè)置超鏈接的基本設(shè)置

    • link標(biāo)簽：引入外部文件

框架標(biāo)簽的使用

使用框架標(biāo)簽的時(shí)候，不能寫在body里面，使用了框架標(biāo)簽，需要把body去掉

  • <frameset>標(biāo)簽

    • rows:按照行進(jìn)行劃分 <frameset rows="80, *">

    • cols:按照列進(jìn)行劃分 <frameset cols="80, *">

  • <frame>標(biāo)簽

    • <frame name="lower_left" src="b.html">

    • 具體顯示的頁(yè)面

以上就是JavaWeb之關(guān)于html基本學(xué)習(xí)的具體介紹的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。