Java-HTML

什麼是html

超文本標記語言。

超文本:比普通文本功能更加強大

標記語言:使用一組標籤對內容進行描述的一門語言,他不是編程語言!


爲什麼要學習html?


html怎麼使用?

語法和規範:

  1. 所有html文件後綴名都是以.html或者.htm結尾,建議使用.html結尾
  2. 整個html文件分別由頭部分《head></head>和體部分<body></body>組成
  3. html標籤都是有開始標籤和結束標籤組成<br/>
  4. html標籤忽略大小寫的,建議大家使用小寫

HTML相關標籤學習

標題標籤

  • 標題標籤使用<hn></hn>,n從1到6逐漸變小
  • 註釋:<!--撒斷開連接>
水平線標籤
  • 添加水平線<hr />  size()、

段落標籤

  • <p></p>

字體標籤

  • <font></font>
  • <font color="red" size="(1-7)" face="">學習html</font>
  • 、、、顏色、、、大小、、、、字體、、
  • 必須結合其屬性才能具備一定的樣式效果。
  • 設置顏色(可以是英文也可以是十六進制)
  • 設置字體:face(那些字體必須是你本機已經有的)
  • 設置大小:size(1-7。超過七按七來顯示)

加粗標籤

  • <b></b>

斜體

  • <i></i>

網站圖片信息顯示頁面

圖片標籤

<img src="s " width="150px" height="30px" alt=""/>

src:圖片名路徑名

  • 絕對路徑:帶有盤符
  • 相對路徑
  1. 如果是同級,直接寫文件名稱或./文件名稱
  2. 如果是上一級:../文件名稱(如果是多層,那麼多寫幾個../)
  3. 如果是下一級:寫目錄名稱/文件名稱

width:寬度

height:高度

alt:當圖片無法正常顯示給出提示信息。

../當前這個文件的上一級

../img/login.

png

  表格標籤<table ></table>

網站友情鏈接

列表標籤

有序列表:<ol>

  • 屬性type有5個取值,start起始位置,reverse倒序

無序列表:<ul>

  • 屬性:type有3個取值(小圓圈、小方塊)

超鏈接標籤

  • <a href="#" target="">點我</a>
  • #代表頁面不發生跳轉

網站顯示信息

表格標籤

<table>
    <tr>
        <td></td>
    </tr>
</table>

屬性:

  • 邊框:border
  • 寬度:width
  • 高度:height
  • 背景顏色:bgcolor
  • 邊框與邊框的間隔:cellspacing
  • 邊框與內容的間隔:cellpadding
  • 居中顯示:align

網站後臺管理系統

框架集結構標籤

<frameset><!--將頁面進行劃分-->

</frameset>

屬性

  • cols:進行垂直切割劃分,可以切割爲任意的塊
  • rows:水平切割,(參數的值相加=100%,其中一塊可以用*表示)
  • 一旦劃分區域之後,我們需要對具體的區域內容的填充,此時需要使用<frame></frame>標籤

屬性

  • Src:指定該區域顯示的文件(路徑)
  • name:它通常會結合超鏈接的target
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章