1. 程式人生 > >乾貨!微信棋牌遊戲原始碼搭建 HTML的基本語法

乾貨!微信棋牌遊戲原始碼搭建 HTML的基本語法

HTML的檔案結構:html head網頁頭部資訊(微信棋牌遊戲原始碼搭建Q-2189563389)/head body網頁主體正文部分/body /html HTML的基本標記:定義網頁背景色——bgcolor body bgcolor=”背景顏色 ” 設定背景圖片——backgroung body background=”圖片的地址 ” 設定文字顏色——text body text=”文
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>


設定文字與段落格式

插入空格符號:&nbsp

輸入特殊符號:&-&amp;﹤-&lt;﹥-&gt;x-&times;§-&sect;-&copy;-&reg;-&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=”影象檔案的地址”>