標籤:縮放 列表 入門 代碼 空行 設定 簡單 style 序號
HTML基礎標籤
昨天學習了一些HTML的基本標籤以及基本屬性:
HTML是一種超文字標記語言 (HTML),其中PHP是世界上最好的語言(增加學習的動力榮譽感)。
HTML文檔裡包含三部分:
<html>——開始標籤
<head> ——網頁上的控制資訊
<title>——網頁標題
</title>
</head>
<body>
網頁顯示的內容
</body>
</html>——結束標籤
<!——注釋的內容——> 注釋
body的屬性:
background 網頁背景圖片
bgcolor 網頁背景顏色
text 文字顏色
topmargin 上頁面邊界
leftmargin 左頁面邊界
rightmargin 右頁面邊界
bottommargin 下頁面邊界
一般標籤:
格式控制標籤:
<font color="" face="" size=""></font> 控制字型;color,字型顏色;face,字型;size,字型大小。
<b></b> 字型加粗
<i></i> 傾斜
<u></u> 底線
<strong></strong> 字型加粗(強調,語氣加強用)
<em></em> 字型傾斜(強調,語氣加強用)
<center></center> 置中
<br>或</br> 相當於斷行符號,換行
表示空格
內容容器標籤:
<h1></h1>......<h6></h6> 標題(會自動換行)。HTML標題(Hesding)是通過<h1>-<h6>等標籤進行定義的。
<p></p> 段落標籤(段落之間空行)
<div></div> 層標籤(預設佔用一行)
<span></span> 層標籤(預設用多大空間佔用多大空間)
<ol type="1/a/A..."> ——有序列表,序號為雙引號裡面的格式,引號中可以更改序號形式
<li>內容<li>
<li>內容<li>
<li>內容<li>
</ol> ——上面的"ol"變為"ul"則為無序列表
相對路徑:相對於本文檔位置;
絕對路徑:直接從哪個盤開始讀取。
常用標籤:
超連結標籤
<a href="超連結的地址" target="blank/self">超連結的文字或者圖片</a>
blank是從一個新網頁開啟;self是自身網頁開啟!
第一步:做錨點的標籤。<a name=""></a>
第二步:做錨點連結。<a href="#目標串連的name的值"></a>
圖片標籤
<img src="圖片地址" alt="圖片無法顯示時出現的文字" title="滑鼠指向時現實的文字" width="" height=""> ——高和寬設定一個即可,顯示圖片會按比例縮放。
表格標籤:
表格
<table width="寬度" border="邊框" align="對齊" background/bgcolor="背景圖片/背景色">
行:
<tr align="水平對齊" valign="垂直對齊" height="行高" background/bgcolor="背景圖片/背景色">
儲存格:
<td align="水平對齊" valign="垂直對齊" width="儲存格寬度" height="儲存格高度" backgroung/bgcolor="背景圖片/背景色">
</td>
</tr>
</table>
align:left center right
valign:top middle bottom
儲存格合并:
colspan="n" 合并同一行儲存格(後面寫代碼要減去相應的列)
rowspan="n" 合并同一行列儲存格(後面寫代碼要減去相應的列)。
這就是第一天所學內容,這一部分很簡單,試一下就會了。
HTML基礎標籤入門