HTML溫故知新1

什么是 HTML?

HTML 是用來描述網頁的一種語言。

  • HTML 指的是超文本標記語言 (Hyper?Text?Markup?Language)
  • HTML 不是一種編程語言,而是一種標記語言?(markup language)
  • 標記語言是一套標記標簽?(markup tag)
  • HTML 使用標記標簽來描述網頁


HTML 標簽

HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

  • HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
  • HTML 標簽通常是成對出現的,比如 <b> 和 </b>
  • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
  • 開始和結束標簽也被稱為開放標簽閉合標簽

HTML 文檔 = 網頁

  • HTML 文檔描述網頁
  • HTML 文檔包含 HTML 標簽和純文本
  • HTML 文檔也被稱為網頁

Web 瀏覽器的作用是讀取 HTML 文檔,并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽,而是使用標簽來解釋頁面的內容。


HTML 元素語法

  • HTML 元素以開始標簽起始
  • HTML 元素以結束標簽終止
  • 元素的內容是開始標簽與結束標簽之間的內容
  • 某些 HTML 元素具有空內容(empty content)
  • 空元素在開始標簽中進行關閉(以開始標簽的結束而結束)
  • 大多數 HTML 元素可擁有屬性

提示:您將在本教程的下一章中學習更多有關屬性的內容。


空的 HTML 元素

沒有內容的 HTML 元素被稱為空元素。空元素是在開始標簽中關閉的。

<br> 就是沒有關閉標簽的空元素(<br> 標簽定義換行)。

在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。

在開始標簽中添加斜杠,比如 <br />,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 其實是更長遠的保障。


HTML 提示:使用小寫標簽

HTML 標簽對大小寫不敏感:<P> 等同于 <p>。許多網站都使用大寫的 HTML 標簽。

W3School 使用的是小寫標簽,因為萬維網聯盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強制使用小寫。


HTML 屬性

HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息

屬性總是以名稱/值對的形式出現,比如:name="value"

屬性總是在 HTML 元素的開始標簽中規定。


HTML 提示:使用小寫屬性

屬性和屬性值對大小寫不敏感

不過,萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

而新版本的 (X)HTML 要求使用小寫屬性。


始終為屬性值加引號

屬性值應該始終被包括在引號內。雙引號是最常用的,不過使用單引號也沒有問題。

在某些個別的情況下,比如屬性值本身就含有雙引號,那么您必須使用單引號,例如:

name='Bill "HelloWorld" Gates'

HTML 完整屬性列表,包括HTML5的。http://www.w3school.com.cn/tags/index.asp

HTML全局屬性列表,使用于全部標簽:http://www.w3school.com.cn/tags/html_ref_standardattributes.asp



本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/540028.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/540028.shtml
英文地址,請注明出處:http://en.pswp.cn/news/540028.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

java 接口與包_java常用類包接口

類StringIntegerLongFileDateThread(java.lang.ThreadThread類的定義&#xff1a;public class Thread extends Object implements Runnable)包java.lang.*;java.io.*;java.util.*;java.sql.*;java.math.*;接口:ComparableCollectionMapListRunnable(java.lang.Runnable 該接口…

當使用easyui時,表單的onchange事件失效

功能&#xff1a;新增信徒頁面&#xff0c;當選擇未受洗&#xff0c;設置受洗時間&#xff0c;教堂選項 disabled。 步驟&#xff1a; 在<select>標簽里加入 οnchange"xxxxx()"。 在js里編寫xxxxx()方法。 測試 教堂選項沒有 disabled。 原因&#xff1…

shell腳本:批量修改文件名(文件名中添加字符)

舉例如下&#xff1a;批量創建10個隨機字符串的文件&#xff0c;要求每個文件名后面添加_aaa,后綴名不變&#xff1b; [rootlocalhost goodboy]# ls adddbbdedf.html baacjaiija.html bhcfaabcfh.html dgjdcdfbca.html efejadfdji.html agdhcdeaje.html bgffbffjcg.html …

java 格式化小數_java-如何格式化小數位數精度

正如評論中指出的那樣,如果您只有一個String表示形式,那么就無法判斷它實際上是否有重復的部分,或者精度是否不夠高.更新我正在研究一個用分子和分母表示為BigIntegers的有理數的類(并假定盡可能地簡化).在那里,我實現了一種以十進制字符串形式表示的方法,并提出了以下方法&…

當使用easyui時,jquery的設置disabled屬性方法失效

功能&#xff1a;選擇未受洗&#xff0c;設置受洗時間&#xff0c;教堂選項 disabled 步驟&#xff1a; 使用了常規的jquery的方法 //兩種方法設置disabled屬性$(#areaSelect).attr("disabled",true);$(#areaSelect).attr("disabled","disabled&quo…

用戶登錄提交前,密碼加密傳輸

需求&#xff1a; 因為OA放在外網&#xff0c;為了提高安全性&#xff0c;用戶登錄時&#xff0c;密碼加密傳輸&#xff0c;數據庫密碼加密保存。 解決方案&#xff1a; 前臺加密用JQUERY MD5插件&#xff0c;這個工具從網上下載的。 后臺密碼加密&#xff0c;用java的MD5工…

java 內存分布_一圖看懂JVM內存分布,永久記住!

經常在說JVM內存分布&#xff0c;也經常去看&#xff0c;但是總是在面試的時候說不清楚或者模糊&#xff0c;甚至有可能說錯&#xff0c;只有真正的理解&#xff0c;并且在心中有一個總結構圖才能記得清楚說的清楚&#xff01;| JVM總覽圖java內存區域主要分程序計數器、Java虛…

Winodows10 安全登錄(Administrator賬戶與Microsoft Account關聯

我們都知道windows系統最大的管理員是administrator&#xff0c;linux是root&#xff0c;從windows7時代開始&#xff0c;安裝操作系統的時候會在最后一步提示創建一個本地賬戶一直延續到windows8、windows8.1、windows10。近期微軟發布了windows10后&#xff0c;很多用戶都開始…

微信企業號三個連接模式

在銀行里做微信企業號開發有半年多了&#xff0c;因銀行封裝了調用微信企業號的方法&#xff0c;說是微信企業號開發&#xff0c;其實就是jsp&#xff0c;java代碼的編寫&#xff0c;銀行用的開發工具是EOS&#xff0c;對這個工具我只想說&#xff0c;用久了&#xff0c;就找不…

java opencv安裝路徑_Java搭建opencv開發環境

由本菜13歷經4天才搭建的好的Java OpenCv開發環境帶來 .PS:不保證過程都是必須的,必要的.反正我自己成功了... 嘿嘿嘿.官方網站SourceForge點擊FilesFiles因為我的機器是Mac,所以選擇了unix. 然后下載3.4.3版本3.4.3PS:主要是因為剛開始接觸這個OpenCv的時候是用HomeBrew裝的, …

iBatis——執行原理

a) 執行原理 1、 將一個對象作為 參數&#xff08;對象可以是Java Bean&#xff0c;Map實現和基本類型的包裝類&#xff09;&#xff0c;參數對象將為SQL修改語句和查詢語句設定參數值。 2、 執行 mapped statement。這是SQL Maps最重要的步驟。SQL Map框架將創建一個PreparedS…

讓IT工作者過度勞累的12個壞習慣

1. QQ、MSN、Gtalk&#xff0c;一個都不少。壞習慣 由于聊天對象與聊天內容的不可控制性&#xff0c;使用即時通訊軟件是降低工作效率的罪魁禍首。有調查顯示&#xff0c;使用即時通訊軟件&#xff0c;工作效率會降低 20%. 2. “總想多看一點點”——忘記上網的目的。 本想查找…

flux java_Java反應式框架Reactor中的Mono和Flux

1. 前言最近寫關于響應式編程的東西有點多&#xff0c;很多同學反映對Flux和Mono這兩個Reactor中的概念有點懵逼。但是目前Java響應式編程中我們對這兩個對象的接觸又最多&#xff0c;諸如Spring WebFlux、RSocket、R2DBC。我開始也對這兩個對象頭疼&#xff0c;所以今天我們就…

MySQL grant 權限,分別可以作用在多個層次上

1. grant 作用在整個 MySQL 服務器上&#xff1a;grant select on *.* to dbalocalhost; -- dba 可以查詢 MySQL 中所有數據庫中的表。grant all on *.* to dbalocalhost; -- dba 可以管理 MySQL 中的所有數據庫2. grant 作用在單個數據庫上&#xff1a;grant select on testdb…

用了2年的EOS的感受

EOS是普元信息技術股份有限公司開發的產品&#xff0c;核心是eclipse&#xff0c;給eclipse穿上了很多衣服。不知道普元公司給eclipse捐款了沒。 開發人員可以從它的官網免費下載&#xff0c;免費用。免費版的服務器最多鏈接數是5個人&#xff0c;這5個人在生產上行不通的&…

java 線程分組_Java多線程可以分組,還能這樣玩!

前面的文章&#xff0c;棧長和大家分享過多線程創建的3種方式《實現 Java 多線程的 3 種方式》。但如果線程很多的情況下&#xff0c;你知道如何對它們進行分組嗎&#xff1f;和 Dubbo 的服務分組一樣&#xff0c;Java 可以對相同性質的線程進行分組。來看下線程類 Thread 的所…

關于Android構建

“IDE都是給小白程序員的&#xff0c;大牛級別的程序員一定是命令行控&#xff0c;終端控&#xff0c;你看大牛都是使用vim,emacs 就一切搞定” 這話說的雖然有些絕對&#xff0c;但是也不無道理&#xff0c;做開發這行要想效率高&#xff0c;自動化還真是缺少不了命令行工具&a…

普元EOS開發學習(二)

1、QueryFormQueryForm控件是一個用來輸入查詢條件的表單&#xff0c;作為一個代碼片斷&#xff0c;以<h:form></h:form>形式嵌入在JSP頁面中。表單提交時&#xff0c;根據控件生成時設置的邏輯&#xff0c;可以對指定數據集進行有條件查詢&#xff0c;同時可以根據…

java map class_Java:聲明一個包含兩個相關泛型類型的Map(Map,Class ?extends ClassB )...

另一種方法是提供自己的Map實現.如果擴展現有實現并使用新類型,則不需要太多代碼&#xff1a;public class CompatibleHashMap extends HashMap, ClassB> {}現在,一個CompatibleHashMap< String>只允許你把ClassA< String>作為鍵和ClassB< String>作為價值…

centos 6 安裝zabbix 3.0

1.安裝PHP Zabbix 3.0對PHP的要求最低為5.4&#xff0c;而CentOS6默認為5.3.3&#xff0c;完全不滿足要求&#xff0c;故需要利用第三方源&#xff0c;將PHP升級到5.4以上&#xff0c;注意&#xff0c;不支持PHP7 rpm -ivh http://repo.webtatic.com/yum/el6/latest.rpm yum in…