1. 程式人生 > >【JAVAWEB學習筆記】01

【JAVAWEB學習筆記】01

顏色 col 文本 鏈接 target sel nbsp html標簽 劃線

案例一:網站信息顯示頁面
1.什麽是HTML?(Hyper Text Markup Language:超文本標記語言)
超文本:功能比普通文本更加強大
標記語言:使用一組標簽對內容進行描述的一門語言(它不是編程語言)

2.為什麽要學習HTML?

網站前端

3.語法和規範?
HTML文件都是以.html或者.htm結尾的。建議使用.html結尾。
HTML文件分為頭部分(<head></head>)和體部分(<body></body>)
HTML標簽都是由開始標簽和結束標簽組成。(<hr />)
HTML標簽不區分大小寫,建議使用小寫。

4.HTML相關標簽學習
標題標簽<hn />
水平線標簽 <hr />
段落標簽<p></p>
字體標簽<font></font>
屬性:size:指定內容的大小
color:指定內容的顏色
face:指定內容的字體
加粗:<b></b>
斜體:<i></i>
下劃線:<u></u>

5.步驟分析:
①創建一個html文件
②創建一個標題標簽顯示公司簡介
③創建一條水平線標簽
④創建四個段落標簽

案例二:網站圖片顯示頁面
1.圖片標簽
<img />
屬性:
src:指的是圖片顯示的路徑(位置)
絕對路徑:E:\Users\ThinkPad\Desktop\0703JavaEE就業班\WEB01_HTML\資料\WEB01\image
相對路徑:
①同一級:直接寫文件名稱或者./文件名稱
②上一級:../文件名稱
③下一級:寫上目錄名稱/文件名稱
width:指定圖片的寬度,取值可以是像素值,也可以是百分比
height:指定圖片的高度,取值可以是像素值,也可以是百分比
alt:當圖片無法正常顯示的時候給出的提示信息(該屬性的顯示效果與瀏覽器以及瀏覽器版本有關)


案例三:網站友情鏈接顯示頁面
1.列表標簽
有序列表:
<ol type="I" start="" reversed="reversed">
<li></li>
</ol>
無序列表:
<ul type="">
<li></li>
</ul>

2.超鏈接標簽
<a href="" target=""></a>
href:指定跳轉的位置
target:指定跳轉頁面顯示的位置(取值:_self 、_blank)

案例四:網站首頁顯示頁面
1.表格標簽
<table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
2.跨行跨列操作
跨行:rowspan
跨列:colspan


案例五:網站後臺系統頁面
框架集標簽:
<frameset rows="" cols="">
<frame src=""/>
<frame name=""/>
</frameset>

感想:加油!一步一腳印

【JAVAWEB學習筆記】01