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常規標記

<

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

熱AI工具

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

免費脫衣圖片

Clothoff.io

AI脫衣器

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

熱工具

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

gmail信箱登陸入口在哪裡

7861

Java教學

1649

CakePHP 教程

1404

Laravel 教程

1300

PHP教程

1242

Related knowledge

HTML容易為初學者學習嗎？ Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML，CSS和JavaScript的角色：核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

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

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

Gitee Pages靜態網站部署失敗：單個文件404錯誤如何排查和解決？ Apr 04, 2025 pm 11:54 PM

GiteePages靜態網站部署失敗：404錯誤排查與解決在使用Gitee...

HTML中起始標籤的示例是什麼？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。