html-組成頁面的基礎標簽 · 小白學電腦

html-組成頁面的基礎標簽 1. 假如你是html標準的制定者，你想要哪些功能的標簽？ 2. p標簽（段落標簽） 3. h系列標簽（標題標簽） 4. img標簽（圖片標簽） 1. 假如你是html標準的制定者，你想要哪些功能的標簽？　　前一節說過了，html是用來排版的語言，那排版到底需要什么樣子的功能呢？這時我們會不自覺的想到word這款軟件是吧，word可以設置段落，可以設置標題，可以插入圖片，視頻等外部資源，可以插入一些超鏈接等等，word都可以的功能，html自然也是可以的，并且html提供給編程者的自由度更大（因為源代碼是自己寫的，嘻嘻）。 2. p標簽（段落標簽）代碼： <html> <body> <p>這是段落。</p>這是段落外的內容。 <p>這是段落。</p> <p>這是段落。</p> <p>段落元素由 p 標簽定義。</p> </body> </html> 結果截圖： document/2015-10-07/5614e87ea7789 分析： p標簽要獨占一行，它后面的內容要另起一行（也就是說它是一個塊元素）。可以看到第二個段落也會另起一行，即使它的前面是普通的文字。瀏覽器會自動地在段落的前后添加空行。 3. h系列標簽（標題標簽）標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。 <h1> 定義最大的標題。<h6> 定義最小的標題。代碼： <html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <p>請僅僅把標題標簽用于標題文本。不要僅僅為了產生粗體文本而使用它們。請使用其它標簽或 CSS 代替。</p> </body> </html> 結果截圖： document/2015-10-07/5614ed8103af3 分析： h系列標簽也是塊元素。 h系列標簽中的內容會有粗體的效果，并且會自動地在前后添加空行。 4. img標簽（圖片標簽）在 HTML 中，圖像由 <img> 標簽定義。 img標簽有一個核心屬性，src（中文稱為源屬性），src為引入圖像的url地址。 img標簽并沒有閉合標簽，所以img標簽的基本書寫格式為： <img src = "url地址"/> 那這個URL地址該怎么寫呢？好，此處我覺得認為來了自開寫以來的第一個重點，也可以作為初學者的難點（至少我在初學的時候在此處繞了不少彎的），也就是URL這個定義，期間會說到比如絕對路徑與相對路徑的概念，所以，為了不愚弄后人，我認為此處應該單獨拿出一個章節來重點說一下，內容不僅僅只包括html中內容，還會有比如php中的路徑問題，并且好多東西我相信即使是開發了好幾年的人也處于迷糊狀態，因此，大家一定要把這一塊一開始就吃透，我在這里給你們加油！！那下面我們先淺顯的說一下，該怎么引入一張圖片： 1、絕對URL 絕對URL（absolute URL）顯示文件的完整路徑，這意味著絕對URL本身所在的位置與被引用的實際文件的位置無關。如 <img src = "c://users/hehanlin/logo.gif"/> 2、相對URL 相對URL（relative URL）以包含URL本身的文件夾的位置為參考點，描述目標文件夾的位置。如果目標文件與當前頁面（也就是包含URL的頁面）在同一個目錄，那么這個文件的相對URL僅僅是文件名和擴展名，如果目標文件在當前目錄的子目錄中，那么它的相對URL是子目錄名，后面是斜杠，然后是目標文件的文件名和擴展名。如果要引用文件層次結構中更高層目錄中的文件，那么使用兩個句點和一條斜杠。可以組合和重復使用兩個句點和一條斜杠，從而引用當前文件所在的硬盤上的任何文件，一般來說，對于同一服務器上的文件，應該總是使用相對URL，它們更容易輸入，而且在將頁面從本地系統轉移到服務器上時更方便，只要每個文件的相對位置保持不變，鏈接就仍然是有效地。以下為建立路徑所使用的幾個特殊符號，及其所代表的意義。 .：代表目前所在的目錄，相對路徑。如：<a href="./abc">文本</a> 或 <img src="./abc" /> ..：代表上一層目錄，相對路徑。如：<a href="../abc">文本</a> 或 <img src="../abc" /> ../../：代表的是上一層目錄的上一層目錄，相對路徑。如：<img src="../../abc" /> /：代表根目錄，絕對路徑。如：<a href="/abc">文本</a> 或 <img src="/abc" /> D:/abc/：代表根目錄，絕對路徑。在使用相對路徑時，我們用符號“.”來表示當前目錄，用符號“..”來表示當前目錄的父目錄。