首頁 > web前端 > html教學 > HTML/CSS從零開始-HTML基礎(一)

HTML/CSS從零開始-HTML基礎(一)

高洛峰
發布: 2016-10-09 15:29:01
原創
1026 人瀏覽過

一、web標準

1.1結構

一、web標準



1.1結構
一、web標準

1.1結構

(1)xhtml(Extensible Hypertext Markup language) 可擴展超文本標記語言 

(2)W3C(world wide web consortium)萬維網聯盟

、制定了xhtml、xml)、表現(css)、標準。


1.2表現

(1)css(cascading style sheets)層疊樣式表

1.3行為

(1)ECMA(EuropanObjectuter Manufactures Association)歐洲電腦場會議制定了行為Model) 文字物件模型

b、ECMAscript標準

二、HTML基本結構

<!doctype html>
<html>
  <head>
  <meta charest="utf-8">     <!--编码格式-->
  <title></title>
  </head>
  <body>
  <h1></h1>                   <!--标题-->
      .
      .
      .
  <h6></h6>
  <p></p>                      <!--段落-->
  </body>
</html>
登入後複製


三、基本語法

3.1常規標記

<



3.1常規標記

<

3.1常規標記<

=1"數值2" >

如下:

        

  

3.2空標記

<標記屬性="屬性值"/>

如下:


                        <! --水平線-->

                    >

HTML/CSS從零開始-HTML基礎(一)

🎜4.1列表🎜🎜a、有序列表🎜
 <ol>  ordered
  <li></li>
  <li></li>
  <li></li>  
</ol>
登入後複製
🎜b、無序列表🎜
<ul>  unordered
  <li></li>
  <li></li>
  <li></li>  
</ul>
登入後複製
🎜c、自訂清單🎜rr   tyle="A",start="3",//第一個序列從C開始。 🎜🎜4.2圖片標籤🎜

HTML/CSS從零開始-HTML基礎(一)

4.3超連結

路徑分為:絕對路徑(https//www.baidu.com),相對路徑如(images/inder.html).
target預設屬性值為_ self;_blank為開啟新視窗

4.4塊標籤

說明:a、區塊之間自動換行
      b、p塊限定寬、高,且內容為中文時,自動換行;若是英文不換行,會溢出。

說明:a、span塊之間不換行,寬高不能限定,隨著文本的長度變化。

4.5表格標籤

1、語法:

2、說明;在表格給定寬高後,用屬性cellpadding時,如果給定寬度超出設定的寬高,表格會被撐開。

 


     
        
        
        
     
     合併行
   語法:rowspan="3"  //合併三行

4、表單a、表單框

 語法:

form>說明:


b、文字方塊

c、密碼框


d、單選框

如下:



e、多選框

擇偶標準


185


東北

disabled="disabled"(禁用、禁選)
checked="checked"(預設選中)
f 、重設
(1)  (重置,清空以上已填寫的資料)
g、按鈕
(1)
(2)

說明:按鈕作為標籤時既跳轉,又提交

h、下拉清單
(1)

i、文字域


註明:
(1)以上文字方塊放在表單form裡;

(2)在form中屬性method的屬性值post/ get的區別?
    a、get是從伺服器上取得數據,post是傳送資料至伺服器;
    b、get是將參數值加到提交表單的Action的屬性所指的URL中,數值和表單內的個別欄位一一對應,在URL中可以看見,
       post是透過HTTP,post機制將表單內的各個字段與其內容放置在HTML HEADER內一起傳送給ACTION屬性的URL地址,用戶看不見這個       過程。
   c、對於get方式,伺服器端的ReqestQueryString取得變數的值,對於post方式伺服器用Request.Form取得提交資料。
   d、get資料傳輸量小不大於2kb,post的傳輸量大,一般不受限制
   f、get安全性低,post安全性高,但傳輸效率高

 (3)value在input的用法
  a、type="button" /"reset"/"submit";表示按鈕上的文字
  b、type="text"/"password";表示初始值
  c、type="check"/"radio"定義與輸入相關值

 (4)表單嵌套


 
 
    
 
 
    
 


    

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板