首頁 > 文章 > web前端 > HTML/CSS從零開始-HTML基礎(一)

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

高洛峰原創: 2016-10-09 15:29:011008瀏覽

一、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常規標記=1"數值2" >標記>

如下：

3.2空標記

如下：

🎜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、文字域
<br>

註明：
（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）表單嵌套

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：【HTML 元素】嵌入影像的實作方法下一篇：【HTML 元素】嵌入影像的實作方法

看更多

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

相關文章