Javaweb第三十天學習
1, html的簡介
*什麼是HTML?------超文字標記語言,網頁語言
**超文字:超出文字的範疇
**標記:HTML所有的操作都是通過標記實現的,標記就是標籤<>
**網頁語言:
--html檔案字尾是.html 或者是.htm
**直接通過瀏覽器訪問檔案地址就可以開啟。
HTML規範:
1, 一個HTML檔案都有一個開始和一個結束的標籤
----<html> </html>
---HTML包含兩部分
<head>設定相關資訊</head> 頭 <bady> 顯示的內容都寫在這裡</bady> 體
---HTML有開始也有結束標籤
---有一些標籤並沒有結束標籤 比如<br/>換行
HTML操作思想
網頁中又很多資料,不同的資料需要不同的顯示效果,這是需要使用標籤,用標籤將資料包裝起來,然後通過使用修改標籤的屬性值來修改資料的顯示形式。
一個標籤相當於一個容器。
HTML中常用的標籤
1 文字標籤 <font>
屬性 *size 文字大小 取值範圍1-7
* color文字顏色 1 英語單詞 red blue black yellow
2 使用十六進位制數表示 #加上六位十六進位制數表示
2 註釋標籤
<!--> < -->
3 標題標籤
<h1> </h1> ….. <h6> </h6> 以此變小,自動換行
4 水平線標籤
<hr size = 1-7 color = red></hr> 屬性 *size 粗細
*color 顏色
6 列表標籤**
<dl></dl> 列表的範圍
<dt> </dl> 上層內容
<dd> </dd> 下層內容
有序列表標籤:
1) <ol> </ol> 有序列表的範圍 ,有屬性 type 可以取 1,a,i
2) Ol裡面的標籤<li> 具體內容</li>
無序列表標籤
1) <ul> 列表範圍 </ul> 屬性type 空心圓 circle,實心圓 disc(預設) ,實心方框 square
2) <li> 列表內容 </li>
7 圖片標籤
<img src=”圖片路徑”/>
--屬性: width 寬 height 高 alt 圖上的文字—需要把滑鼠停留在圖片上
--路徑的介紹
絕對路徑----str=”圖片的完整的地址”
相對路徑:1 圖片與檔案在同一個目錄,直接用檔名就可以了
2 圖片在檔案的同層目錄的下層目錄中,可以用 檔名\...\圖片名
3 圖片地址在檔案的上層目錄中可以使用 ../../\圖片名
8 超連結標籤
--*連結標籤
<a href=”轉到的路徑”> 顯示在頁面上的內容</a>
--href 轉到的路徑 當設定為 #時候什麼也不開啟什麼也不寫的話預設開啟資料夾
--target 設定開啟的方式預設當前頁開啟
*_blank : 在新視窗開啟
--_self : 當前頁開啟 (預設)
9 定位資源
<a name=”top”>定位</a> 定位
<a href=”#top”> 回到頂部</a> 回到所定的位置
10 表格標籤
<table></table>: 表示表格的範圍
Table 裡面有 <tr> </tr> 屬性: align 取值 left center right 對齊方式
Tr 裡面有<td> </td> 屬性: align 取值 left center right 對齊方式
<th></th> 與td 區別是可以加粗字型並且居中
--首先定義一個表格的範圍使用table ,定義一行使用 tr 在每一行裡有單元格使用td
顏色
<tableborder="1" width= "555" heigh ="333" bordercolor= "red " cellspacing="0">
寬 與高
單元格取消框
粗細
表格標題標籤<caption>標題內容</caption>
合併單元格
--跨行 :rowspan
--跨列 :colspan