HTML/CSS從零開始-HTML基礎(一)-html教學-PHP中文網

首頁

web前端

html教學

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

高洛峰

Oct 09, 2016 pm 03:29 PM

一、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：結構，CSS：樣式，JavaScript：行為Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web開發中的作用分別是：1.HTML定義網頁結構，2.CSS控製網頁樣式，3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來：網絡設計的發展和趨勢Apr 17, 2025 am 12:12 AM

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML與CSS vs. JavaScript：比較概述Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在網頁開發中的角色分別是：HTML負責內容結構，CSS負責樣式，JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容，確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式，使其美觀易讀。 3.JavaScript通過腳本控製網頁行為，實現動態和交互功能。

HTML：是編程語言還是其他？Apr 15, 2025 am 12:13 AM

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增強WebevebDevelopment。

HTML：建立網頁的結構Apr 14, 2025 am 12:14 AM

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義，使用、、等標籤。 2.提供語義化標記，如、、等，提升SEO效果。 3.通過標籤實現用戶交互，需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號，需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

從文本到網站：HTML的力量Apr 13, 2025 am 12:07 AM

HTML是一種用於構建網頁的語言，通過標籤和屬性定義網頁結構和內容。 1）HTML通過標籤組織文檔結構，如、。 2）瀏覽器解析HTML構建DOM並渲染網頁。 3）HTML5的新特性如、、增強了多媒體功能。 4）常見錯誤包括標籤未閉合和屬性值未加引號。 5）優化建議包括使用語義化標籤和減少文件大小。

了解HTML，CSS和JavaScript：初學者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。