JavaWeb基礎第一天之HTML
一、html介紹
1.什麽是HTML?
超文本標記語言：
超文本：比普通文本功能更加強大
標記語言：使用一組標簽對內容進行描述的一門語言，它不是編程語言！
2.HTML語言能幹什麽？
HTML語言用於編寫網頁，平時上網通過瀏覽器我們看到的大部分頁面都是html編寫的。
網頁內容包含：HTML代碼、CSS代碼、JavaScript代碼等內容。
HTML代碼：用於展示需要顯示的數據
CSS代碼：使顯示的數據更加好看
JS代碼：是整個頁面顯示的數據具有動畫效果
網頁根據內容是否改變分為：靜態頁面、動態頁面
靜態頁面：編寫之後再瀏覽器不再改變的網頁。HTML就是用於編寫靜態網頁的。
動態頁面：會根據不同的情況展示不同的內容。
3.HTML怎麽使用？
語法和規範：
1.所有的html文件後綴名都是以.html或者.htm結尾的，建議使用.html結尾
2.整個html文件分別由頭部分<head></head>和體部分<boby></boby>組成
3.HTML標簽都是由開始標簽和結束標簽組成（例外：<br/>）
4.HTML相關標簽的學習
註釋：<!--標題標簽-->
快捷鍵：ctrl+/
4.1 標題標簽
標題標簽使用<hn></hn>，（h1-h6）,n從1到6逐漸變小。超過6的按6的進行顯示
特點：加粗加黑顯示，單獨占一行。與其他行有一定的行間距
註釋：<!--標題標簽-->
快捷鍵：ctrl+/
4.2 水平線標簽
水平線標簽：<hr/>
在html頁面中創建一條水平線分割線，用於定義內容中的主題變化。
size屬性：水平線的高度，(粗細)
noshade屬性：沒有陰影，取值：noshade,表示顯示純色
4.3 段落標簽
段落標簽：<p></p>
4.4 字體標簽
字體標簽使用<font></font>
必須結合其屬性才能具備一定的樣式效果
設置顏色：color(可以使英文單詞也可以是十六進制)
顏色的取值：#xxxx或者colorname(red紅色，bule藍色，green綠色)
紅綠藍分別取值：00--FF,此處使用16進制
#000000表示黑色，#FFFFFF白色
#FF0000紅色，#00FF00綠色，#0000FF藍色
紅綠藍2位取值相同可以省略成1位。例如：#112233簡化成#123
設置字體：face（那些字體必須你本機已經有的）
設置大小的：size(從1到7逐漸變大，超過7的按照7來顯示)
4.5 格式化標簽
<b>粗體 <i>斜體
4.6 段落標簽
<p> 定義段落。p標簽會自動在其前後創建一些空白
<br/>插入單個換行
標簽是可以嵌套使用的，例如把設置字體黑加粗斜體這些標簽可以組合使用
二、網站圖片信息顯示頁面
1.圖片標簽：<img />
圖片的位置屬性：src
src:
絕對路徑：帶有盤符的
相對路徑：
1.如果是同級，直接寫文件名稱或者 ./文件名稱
2.如果是上一級：
../文件名稱（如果是多層，那麽多寫幾個 ../ ，例如上兩級 ../../文件名稱）
3.如果是下一級：寫 目錄名稱/文件名稱
width:設置圖片的寬度
height:設置圖片的高度
alt:當圖片無法正常顯示的時候給出的提示信息。
三、網站列表頁面顯示
1.列表標簽：
無序列表：<ul></ul>
屬性：type有三種符號類型：disc實心圓、square方塊、circle空心圓
有序列表：<ol></ol>
屬性：type列表類型，取值A,a,l,i,1等 start起始位置，revesrse：倒序
<li>定義列表項，是<ul>或<ol>的子標簽
2.超鏈接<a>
<a>標簽是超鏈接，是在html頁面提供一種可以訪問其他位置的實現方式
屬性：href：用於確定需要顯示頁面的路徑(url)
target：確定以何種方式打開href所設置的頁面。常用取值：_blank、_self等
_blank 在新窗口中打開href確定的頁面
_self默認。使用href確定的頁面替換當前的頁面。
效果：
四、網站首頁顯示（用table標簽完成網頁布局）
1.表格標簽
HTML表格由<table>標簽以及一個或多個<tr>、<th>、或<td>標簽組成
1.1<table>是父標簽，相當於邊框的寬度
border 表格邊框的寬度
width 表格的寬度
cellpadding 單元邊沿與其內容之間的空白
cellspacing 單元格之間的空白
bgcolor 表格的背景顏色
1.2<tr>標簽用於定義行
1.3<td>標簽用於定義表格的單元格（一個列）
colspan：單元格可橫跨的列數
rowspan：單元格可橫跨的行數
align：單元格內容的水平對齊方式，取值：left左、right右、center 居中
1.4<th>標簽用於定義表頭。單元格內的內容默認居中、加粗
效果：
合並行：
效果：
合並列：
效果：
五、網站後臺頁面顯示
1.框架標簽：<frameset>
<frameset>標簽，是多個窗口頁面整合在一起的一個集合（框架集）。每一個頁面（框架）都是單獨文檔，需要使用子標簽<frame>來確定頁面的位置。<frameset>通過列和行來確定整體布局，使用cols確定列數，使用rows確定行數。多個<frameset>可以嵌套使用。
<frameset>和<body>兩個不能共存。
rows屬性和cols屬性取值：值1，值2，值3，....一個值表示一行（列），多值使用逗號分隔，值可以是10px,10%等，最後一個值如果不想計算可以使用*匹配剩余量。
2.框架子標簽<frame>
<frame>標簽，用於設置<frameset>框架集中的一個頁面（框架）。
src屬性：確定頁面的路徑
noresize屬性：框架分隔先不能移動（即不可拖動）
target屬性：確定需要顯示的頁面在何處顯示
上面是right.html頁面的內容， target的取值應該和frame裏面的name取值一樣
JavaWeb基礎第一天之HTML