學PHP也要懂得HTML
簡單的HTML制做:
html超文本標記語言
HTML文件主體結構:
<!DOCTYPE html>
<html> <!--htlm開始標記 -->
<head> <!--HTML頭信息開始標記 -->
<title>本頁面標題</title> <!--網頁標題標記 -->
</head> <!--頭信息結束標記 -->
<body bgcolor="black" text="#ffffff"> <!--網頁主體標記 -->
<center> <!--格式標記中的居中標記-->
<h1>這是第一個html實列子</h1> <!--內容標題標記-->
</center> <!--居中格式結束標記-->
<hr width=80%> <!--輸出分割線標記-->
<p>本頁面顯示黑色背景,白色文本</p> <!--段落標記對-->
</body> <!--頁面體中內容結束標誌-->
</html>
HTML文檔頭部元素<head></head> 文件的標題<title></title>元素 <base>元素只有一個b必須放在頭部,放在任何包含URL地址的語句之前(作用:當遇到相對的URL時<base>實際上是將相對的url轉化為完整的絕對的URL)
eg:<base href="URL"target="WINDOW_NAME"/>
<link>元素可用於創建到css樣式表的鏈接{描述倆個文檔之間文件鏈接的關系
eg:<link rel="stylesheet"type="text/css"href="style.css"/>
<meat>元素:標記屬性來定義文件信息的名稱、內容。在HTML的頭部可以標記任意多個<meat>標記,可以建立多種多樣的效果和功能。
eg:<meat name="某個設置值"content="對該設置的值補充具體說明信息"/>
eg:<meat http-equiv="某個設置值"content="對該設置值進行具體補充說明"/>
以上是頭部信息的一些基本用法
HTML文檔主體標記<body></body>
屬性 |
描述 |
text | 設置頁面文字的顏色 |
background | 設置頁面背景的圖像 |
bgcolor | 設置頁面背景的顏色 |
bgproperties | 設置頁面背景圖像為固定,不隨頁面滾動而滾動 |
link | 設定頁面默認的鏈接顏色 |
alink | 設定訪問後鏈接文字的顏色設定頁面的上邊距 |
vlink | 訪問後鏈接文字的顏色 |
topmargin | 設定頁面的上邊距 |
teftmargin | 設定頁面的左邊距 |
id設定標簽的ID name設定標簽的名稱 class設定標簽樣式的類選擇器 style設定標簽樣式的屬性
格式標簽:
<br>換行標簽 <p>換行段落標簽 <center>居中對其標簽 <pre>與格式化標記,保留文字在源代碼中的標記 <li>l列表項目的標記
<ul>無序列表 <ol>有序列表 <hr>水平分割線標簽,用於段落與段落之間的分隔。
<!DOCTYPE html>
<html>
<head>
<title>格式標記測試網絡</title>
</head>
<body>
<p>一段文本</p>
<center>這行文本在網頁上居中顯示</center>
<pre> 上邊
左邊 右邊
下邊
</pre>
<hr>
無序順序列表
<ul>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>
有序順序列表
<ol>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ol>
</body>
</html>
學PHP也要懂得HTML