1. 程式人生 > >學PHP也要懂得HTML

學PHP也要懂得HTML

相對 -- eight idt -h fff pro css tle

簡單的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