搜尋
首頁web前端html教學HTML 基本語法 方便剛開始學習html的朋友_HTML/Xhtml_網頁製作

1.1一般標記
  一般標記是由一個起始標記(Opening Tag)和一個結束標記(Ending Tag)所組成,其語法為:受控文字 x>
  其中,x代表標記名稱。 就如同一組開關:起始標記為開啟(ON)的某種功能,而結束標記(通常為起始標記加上一個斜線/)為關(OFF)功能,受控制的文字訊息便放在兩標記之間。例如:這是斜體字
  標記之中還可以附加一些屬性(Attribute),用來完成某些特殊效果或功能。例如:受控文字
  其中,a1,a2,...,an為屬性名稱,而v1,v2,...,vn則是其所對應的屬性值,屬性值加不加引號,目前所使用的瀏覽器都可接受,但依據W3C的新標準,屬性值是要加引號的,所以最好養成加引號到習慣。
  1.2 空標記
  雖然大部分的標記是成雙成對出現的,但也有一些是單獨存在的。這些單獨存在的標記稱為空標記(Empty Tags)。其與法為:
  同樣,空標記也可以附加一些屬性(Attribute),用來完成某些特殊效果或功能。如:,例如:


,
等。
  W3C定義的新標準(XHTML1.0/HTML4.0)建議:空白標記應以/結尾,即:
  若附加屬性則為:
  目前所使用的瀏覽器對於空標記後面是否要加/並沒有嚴格要求,即在空標記最後在/和沒有加/,不影響其功能。但如果希望你的文件能符合最新標準,那麼最好加上/。

  2. HTML標記分類
  2.1檔案結構標記(Document Structure Tags) 『出此類標記的檔案結構,主要的有:
  ...:標示html檔案的起始和終止。
  ...:標示出文件標題區。
  ...:標示出文件主體區
  
2.2區段格式標記(Block Formatting Tags)  文件中得某個區段文字,以特定格式顯示,增加文件的可看度。主要的有:
  ...:文件題目。
  ...:i=1,2,...,6,網頁標題。
  
:產生水平線。
  
:強迫換行。
  

...

:文件段落。
  
...
:以原始格式顯示。
  
...
:標註聯絡人姓名、電話、地址等資訊。
  
...
:區段引用標記。
  
2.3字符格式標記(Character Formatting Tags)  用來改變HTML文件文字的外觀,增加文件的美觀程度。主要有:
  ...:粗體字。
  ...:斜體字。
  ...:打字體。
  ...:改變字型設定。
  
...
:居中對齊。
  ...:文字閃爍。
  ...:加大字號。
  ...:縮小字號。
  ...:參考。
  
2.4列表標記(List Tags)  
    ...
:無編號列表。
  
    ...有編號列表。
      
  1. ...
  2. :列表項目。
      
    ...
    :定義式清單。
      
    ...
    :定義項目。
      
    ...
    :定義項目。
      ...:目錄式清單。
      ...:選單式清單。
      
    2.5連結標記(Anchor Tag)  連結可以說是html超文本檔的命脈,html透過連結標記來整合分散在世界各地的圖、文、影、音等資訊。此類標記的主要用途為標示超文本文件連結(Hypertext Link),主要有:
    ...:建立超級連結。
      2.6多媒體標記(Multimedia Tag)
      此類標記用來顯示影像資料。主要有:
      HTML 基本語法 方便剛開始學習html的朋友_HTML/Xhtml_網頁製作:嵌入影像。
      :嵌入多媒體物件。
      :背景音樂。
      2.7表格標記(Table Tags)
      此類標記用製作表格。主要有:
      ...
    :定義表格區段。
      ...:表格標題。
      ...:表頭。
      ...:表格欄位。
      ...:表格單元。
      2.8表單標記(Form Tags)
      此類標記用來製作互動式表單,主要的有:
      
    ...
    :顯示表單,主要的有:
      
    ...
    :顯示表單段的開始與結束。
      :產生單行文字方塊、單選按鈕、複選框等。
      :產生多行輸入文字方塊。
      :標示下拉清單的開始與結束。
      :在下拉清單中產生一個選擇項目。
      HTML標記並沒有大小寫之分,即和是相同的。以下來分別介紹這些標記。
      3. 文件結構標記

      一個html檔案的結構基本上可以分為兩部分,一部分稱為標題區(Head Section);另一部分稱為主體區( Body Section)。文件結構標記就是用來標示出何處屬於標題,何處屬於主體。   3.1:標示整份文件

      用途:標示整篇html檔案
      說明:一個標準的html檔案是一篇以開頭,而以開頭,而以開頭,而以開頭,而以開頭,而以開頭,而以開頭,而以開頭,而以開頭,而一個標準的html檔案則是一篇以開頭,而以開頭,而以結束的檔案。即:
      
      ... html檔案全文
        3.2:html.中,由和所夾住的區域稱為檔案的標題區。通常head區段都內含在html區段之中,即:
      
      
      ...... html檔案標題區
        
      .....
      
      3.3:網頁標題
      .....是html檔案標題區中最重要也是最常用的標記。其他標題區的標記還包括等。
      標記的用途是設定網頁標題,這個標題會顯示在瀏覽器視窗的標題列上,不會出現在瀏覽器的頁面(page)文字中。而大部分瀏覽器的收藏(My Favorites)、書籤(BookMark)或歷史記錄清單(History List)功能,也都是以這個文件的標題作為名稱的。 <br>  由<title>...所標註的文字並無長度的限制,不過太長的標題,有時可能會被截掉,並且也不容易記憶。
      3.4:標示出文件主體區
      說明:在html檔案中,由...所夾住的區域稱為檔案的主體區,通常是在區段之後。
      3.5標記的屬性
    backgroud屬性:
    這個屬性可以指定一個圖形檔案(一般為gif或jpeg),作為背景圖案。圖形會像拼瓷磚一樣鋪成整個網頁的底圖。

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
HTML超文本标记语言--超在那里?(文档分析)HTML超文本标记语言--超在那里?(文档分析)Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

html和css算编程语言吗html和css算编程语言吗Sep 21, 2022 pm 04:09 PM

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

总结HTML中a标签的使用方法及跳转方式总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式,希望对大家有所帮助!

html中document是什么html中document是什么Jun 17, 2022 pm 04:18 PM

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

Html5怎么取消td边框Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法:1、给td元素添加“border:none”无边框样式即可,语法“td{border:none}”。2、给td元素添加“border:0”样式,语法“td{border:0;}”,将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式,语法“td{border:transparent;}”,将td边框的颜色设置为透明即可。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

記事本++7.3.1

記事本++7.3.1

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

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),