1. HTML的簡介
概述: Hyper Text Markup Language, 超文本標記語言.
超文本: 比普通文本的功能更加強大, 裏邊可以放一些圖片, 音頻, 視頻等.
標記語言: 由標籤(由尖括號括起來的關鍵字)組成, 可以被瀏覽器識別.
//記憶: HTML語言不是編程語言, 而是一種標記語言.
作用:
用來設計(靜態)頁面的, 可以被瀏覽器識別.
特點:
1. html語言是不區分大小寫的, 爲了閱讀方便, 建議全部小寫.
2. html文件的後綴名可以是.html,也可以是.htm, .htm是老的命名規範, .hmtl是新的命名規範.
3. html是由標籤組成(尖括號括起來的關鍵字), 例如:
<font>這個是字體標籤</font>
4. 上述類型的標籤, 第一個標籤叫: 開始標籤(開放標籤), 第二個標籤叫: 結束標籤(閉合標籤).
5. 如果一個標籤沒有閉合標籤, 這類標籤叫: 自閉合標籤. 例如:
<br />, <hr />, <img />
6. 標籤可以有屬性, 屬性值要用引號括起來. 單雙引號均可.
屬性名="屬性值", 屬性名='屬性值'
7. HTML語言的基本結構是: 由<html>標籤包括, 裏邊有: <head>(頭標籤)和<body>(體標籤)標籤.
8. HTML語言中註釋的寫法:
<!--註釋的文字-->
9. 寫HTML標籤的時候, 最好包裹嵌套, 不建議交叉嵌套.
2. HTML的編寫方式(開發工具)
操作系統自帶的記事本工具,
高級記事本開發工具(Editplus,Notepad++),
Dreamweaver,
HBuilder.
3. HTML的結構
<html>
<head>
<meta charset="utf-8"></meta>
<title>頁面的標題</title>
</head>
<body>
<!--這裏寫的是給用戶展示信息的地方-->
</body>
</html>
4. HTML標籤之字體標籤: <font>
屬性:
size: 設置字體大小的, size的值的範圍是:1-7, 字體最小的是1.
//實際開發中, 我們都是通過樣式去設置字體大小的, 上述的設置方式一般不用.
color: 設置字體顏色.
//可以通過 英文字母 進行設置.
//也可以通過 RGB 三原色進行設置. Red:紅色, Green:綠色, Blue:藍色
face: 設置字體格式的.
5. HTML標籤之排版標籤:
<h數字>: 標題標籤, 數字的範圍是:1-6
<p>: 段落標籤
<b>: 加粗
<i>: 斜體
<u>: 下劃線
<br /> 換行符
<hr /> 分割線(自帶換行功能)
6. HTML標籤之列表標籤: <ul>,<ol>
無序列表: <ul>
<ul>1111111111111
<li>北京</li>
<li>上海</li>
<li>廣州</li>
</ul>
type屬性:
disc: 實心圓點.
circle: 空心圓點.
square: 實心正方形.
有序列表: <ol>
<ol>
<li>北京</li>
<li>上海</li>
<li>廣州</li>
</ol>
屬性:
type:
數字,1
大小寫字母,a/A
大小寫羅馬數字,i/I
strat: 設置從哪個數字開始, 只針對數字類型有效.
7. HTML標籤之圖片標籤: <img>
屬性:
src: 設置圖片的路徑.
注意: 圖片路徑的問題.
如果圖片在該html文件的上級: ../表示上一級.
如果圖片和該html文件在同一級: 直接文件名即可.
如果圖片是該html文件的子集: 也是直接寫路徑即可.
border: 設置圖片的邊框.
height: 設置圖片的高度.
width: 設置圖片的寬度.
alt: 圖片不存在的時候顯示的內容.
8. HTML標籤之超鏈接標籤: <a>
屬性:
href: 超鏈接的路徑.
相對路徑: 跳轉項目內部的頁面.
絕對路徑: 跳轉到外部頁面. 需要寫: http://
target: 頁面的打開方式
_self: 在自身頁面中打開.
_blank: 新建頁面打開.
_parent:在指定的界面中打開.
注意: _parent是標籤名字結合frame使用, 寫哪個名字就在哪個標籤中打開.
9. HTML標籤之表格標籤: <table>
屬性:
border:
height:
width:
align: 設置表格居中(center),左對齊(left), 右對齊(right).
bgcolor: 設置表格的背景色
<tr>: 表示行
<td>: 表示列
colspan: 跨列.
rowspan: 跨行.
<th>: 表示列, 在<td>的基礎上,多了居中和加粗的功能.
案例:
單表格標籤的使用.
表格的嵌套使用.
10. HTML標籤之塊標籤:
<div> 默認具有換行功能.
<span> 默認沒有換行功能.
11. HTML標籤之框架標籤: <frameset>
在head種寫
<frameset>
屬性:
cols: 縱向切割.
rows: 橫向切割.
<frame>: 切割後的每一個模塊.
頁面佈局:
>
<
HTML上_之標籤
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.