明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

JavaWeb之對于html基本學習的具體說明

發(fā)表時間：2024-05-15 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

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

html操作思想

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

font標簽

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

標題標簽 <h1> </h1> ... <h6> </h6>

  • 從h1到h6越來越小，自動換行

注釋

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

列表標簽

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

  • 有序

  • 無序

圖像標簽

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

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

路徑（相對路徑）

  • 在同一級目錄：直接寫

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

  • 在上層目錄： ../

超鏈接標簽

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

  • 打開方式 target=”_self _blank”

  • 默認是在當前頁面打開

表格標簽

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

html的五個規(guī)范

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

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

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

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

  • html的標簽是成對的

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

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

表單標簽

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

  • <form>和</form>

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

    • get請求安全級別較低，post較高

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

    • 常用的有兩種 get和post get默認就是get請求

    • action:提交到地址，默認提交到當前頁面

    • method:表單的提交方式

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

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

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

    • 普通輸入項：<input type="text"/>

    • 密碼輸入項：<input type="password"/>

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

    • 復選輸入項：<input type="checkbox"/>
      -> 在里面需要屬性name
      -> name的屬性值必須要相同
      -> 必須有一個value值

    • 文件輸入項（在后面上傳時侯用到）
      -> <input type="file"/>

    • 下拉輸入項（不是在input標簽里面的）

      <select name="birth">
    <option value="0">請選擇</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>

    • 隱藏項（不會顯示在頁面上，但是存在于html代碼里面）

    • <input type="hidden"/>

    • 提交按鈕

    • <input type="submit"/>
<input type="submit" value="注冊"/>

    • 使用圖片提交

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

    • 大部分的輸入項使用 <input type="輸入項的類型"/>

html中其它的常用標簽的使用

  • b –加粗

  • s –刪除線

  • u –下劃線

  • i –斜體

  • pre –原樣輸出

  • sub和sup –下標和上標

  • div –自動換行

  • span –在一行顯示

html頭標簽的使用

  • html兩部分組成 head和body

    • 可以使用link標簽引入css文件

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

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

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

    • 在head里面的標簽就是頭標簽

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

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

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

    • link標簽：引入外部文件

框架標簽的使用

使用框架標簽的時候，不能寫在body里面，使用了框架標簽，需要把body去掉

  • <frameset>標簽

    • rows:按照行進行劃分 <frameset rows="80, *">

    • cols:按照列進行劃分 <frameset cols="80, *">

  • <frame>標簽

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

    • 具體顯示的頁面

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


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