乾貨!微信棋牌遊戲原始碼搭建 HTML的基本語法
HTML的檔案結構:<html>
<head>網頁頭部資訊</head>
<body>網頁主體正文部分</body>
</html>
HTML的基本標記:定義網頁背景色——bgcolor
<body bgcolor=”背景顏色 ”>
設定背景圖片——backgroung
<body background=”圖片的地址 ”>
設定文字顏色——text
<body text=”文字的顏色 ”>
設定連結文字屬性
<body link=”顏色 ”>
(使用alink可以設定滑鼠單擊超連結時的顏色
使用vlink可以設定已訪問過的超連結顏色)
設定頁面邊距——margin
topmargin 設定頂邊的距離
leftmargin 設定左邊的距離
rightmargin 設定右邊的距離
bottommargin 設定底邊的距離
頁面的頭部元素<!DOCTYPE>和<head>
<!DOCTYPE>為瀏覽器提供的一項宣告
<head>文件頭部資訊</head>
頁面標題元素<title>
<title>…</title>(輸入標題資訊在瀏覽器上顯示)
元資訊元素<meta>
設定頁面關鍵詞
<meat name=”keywords ”content=”輸入具體的關鍵詞”>
設定頁面主要內容
<meat name=”description ”content=”頁面描述 ”>
定義頁面的搜尋方式
<meat name=”robots ”conten=”搜尋方式 ”>
搜尋方式取值:all 表示能搜尋當前網頁及其連結的網頁
nofollow 搜尋引擎不繼續通過此網頁的連結搜尋其他的網頁
follow 搜尋引擎繼續通過此網頁的連結搜尋其他的網頁index 表示能搜尋當前網頁 noindex 表示不能搜尋當前網頁 none 搜尋引擎將忽略此網頁 定義編輯工具(generator:設定編輯工具) meat name=”generator ”content=”編輯軟體的名稱 ” 定義頁面的作者資訊(author:
index 表示能搜尋當前網頁
noindex 表示不能搜尋當前網頁
none 搜尋引擎將忽略此網頁
定義編輯工具(generator:設定編輯工具)
<meat name=”generator ”content=”編輯軟體的名稱 ”>
定義頁面的作者資訊(author:設定作者資訊)
<meat name=”author ”content=”作者的姓名”>
定義網頁文字及語言(http-equiv 用於傳送HTTP通訊協議的標頭)
<meat http-equiv=”content-type”content=”text/html ;charest=字符集型別”/>
定義頁面的跳轉 (refresh網頁重新整理)
<meat http-equiv=”refresh ”content=”跳轉的時間;URL=跳轉到的地址”>
定義頁面的版權資訊——copyright
<meat name=”copyright ”content=””/>
指令碼元素<script>
<script type=”text/javascript ”src=”dru.js ”></script>
建立樣式元素<style>
<style type=”text/css ”>
…………………………………………
</style>
連結元素<link>
<head>
<link rel=”stylesheet ”type=”text/css “href=”theme.css “/>
</head>
設定文字與段落格式
插入空格符號: 
輸入特殊符號:&-&;﹤-<;﹥->;x-×;§-§;-©;-®;-&trade
設定字型——face
<font face=”字型樣式 ”>……</font>
設定字號——size
<font size=”文字字號 ”>……</font>
設定文字顏色——color
<font color=”字型顏色 ”>……</font>
設定粗體、斜體、下劃線——b、strong、em、u
<b>加粗的文字</b>
<strong>加粗的文字</strong>
<i>斜體文字</i>
<em>斜體文字</em>
<cite>斜體文字</cite>
<u>下劃線的內容</u>
設定上標和下標——sup、sub
<sup>上標內容</sup>
<sub>下標內容</sub>
設定段落的格式
段落標記——p
<p>段落文字</p>
段落的對齊屬性——align
<aling=對齊方式>(left 左對齊、right 右對齊、center 居中對齊)
不換行標記——nobr
<nobr>不換行文字</nobr>
換行標記——br
<br>
插入水平線——hr
<hr>
設定水平線寬度與高度屬性——width、size
<hr width=”寬度 ”>
<hr size=”高度 ”>
設定水平線的顏色——color
<hr color=”顏色 ”>
設定水平線的對齊方式——aling
<hr aling=”對齊方式 ”> (left 左對齊、right 右對齊、center 居中對齊)
水平線去掉陰影——noshade
<hr noshade>
設定滾動文字
滾動文字標籤——marguee
<marquee>滾動的文字</marquee>
滾動方向屬性——direction (預設:文字滾動的方向是從右向左的,可通過direction標記來設定滾動的方向)
<marquee direction=”滾動方向 ”>滾動的文字</marquee>
滾動方式屬性——behavior
<marquee behavior=”滾動方式 ”>滾動的文字</marquee>
Behavior標記的屬性:scroll-迴圈滾動,預設效果
Slide-只滾動一次就停止
alternate-來回交替進行滾動
滾動速度屬性——scrollamount
<marquee scrollamount=”滾動速度 ”>滾動的文字</marquee>
滾動延遲屬性——scrolldelay (毫秒)
<marquee scrolldelay=”時間間隔 ”>滾動的文字</marquee>
滾動迴圈屬性——loop
<marquee loop=”迴圈次數 ”>滾動的文字</marquee>
滾動範圍屬性——width、height
< marquee width=”背景寬度 ”height=”背景高度 ” >滾動的文字</marquee>
滾動背景顏色屬性——bgcolor
<marquee bgcolor=”背景顏色 ”>滾動的文字</marquee>
滾動空間屬性——hspace、vspace(設定滾動文字周圍的文字與滾動背景之間的空白區域)
<marquee hspace=”水平範圍 ”vspace=”垂直範圍 ”>滾動的文字</marquee>
建立精彩的影象和多媒體頁面
插入影象並設定影象屬性
影象標記——img
<img src=”影象檔案的地址”>