屬性是 HTML 元素提供的附加信息。
HTML 鏈接由 <a> 標簽定義。鏈接的地址在 href 屬性中指定:
實例
<a href="http://www.toutiao.com">這是一個鏈接</a>
屬性值應該始終被包括在引號內。
雙引號是最常用的,不過使用單引號也沒有問題。
提示: 在某些個別的情況下,比如屬性值本身就含有雙引號,那么您必須使用單引號,例如:name='John "ShotGun" Nelson'
屬性和屬性值對大小寫不敏感。
不過,萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。
而新版本的 (X)HTML 要求使用小寫屬性。
下面列出了適用于大多數 HTML 元素的屬性:
這一節以及以后幾節我們將對HTML中<body>標簽中的各種元素進行一個概述,并對一些基本元素進行練習。
HTML元素:指的是從開始標簽到結束標簽的所有代碼。
舉個例子,在《第一個HTML頁面如何寫?——零基礎自學網頁制作》這一節中,我們寫了這樣一個頁面"第一個頁面.html"。后面的練習我們都在這個文件中進行。
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<h>第一個網頁</h>
<p>千里之行始于足下</p>
</body>
</html>
其中"<h>第一個網頁</h>"整個代碼就可以看做是一個html元素,<h></h>叫做標題標簽,加上"第一個網頁"這段文字共同構成一個HTML元素。
HTML元素非常多,因為我們可以在頁面中顯示各種各樣的信息,不同的信息載體對應不同的元素。
下面我們就介紹幾個常用的html元素。
HTML常用元素使用練習1
NO.1:<h></h>與<hr>
<h></h>這個用來添加標題的元素大家比較熟悉了,這里要介紹一個新的用法。示例代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<title>第一個網頁</title>
</head>
<body>
<h1>第一個網頁</h1>
<h2>第一個網頁</h2>
<h3>第一個網頁</h3>
<h4>第一個網頁</h4>
<h5>第一個網頁</h5>
<h6>第一個網頁</h6>
<p>千里之行始于足下</p>
</body>
</html>
頁面顯示效果如圖:
大家通過觀察可以看出h后面的編號用來控制標題字號大小,僅僅是標題有這種預設,其他元素如果要調整字號的話我們放在以后CSS里講。
下面看<hr>,示例代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<title>第一個網頁</title>
</head>
<body>
<h1>第一個網頁</h1><hr>
<h2>第一個網頁</h2><hr>
<h3>第一個網頁</h3><hr>
<h4>第一個網頁</h4><hr>
<h5>第一個網頁</h5><hr>
<h6>第一個網頁</h6><hr>
<p>千里之行始于足下</p><hr>
</body>
</html>
效果如下:
<hr>標簽可以為它前面的元素添加分割線,大家注意的是分割線不是下劃線,添加下劃線的操作我們會在CSS樣式表中詳細講解。
NO.2:<p></p>與<br>
<p></p>元素是添加段落的。示例代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<title>第一個網頁</title>
</head>
<body>
<h1>第一個網頁</h1><hr>
<p>千里之行始于足下值得注意的是我們沒有必要一一講解HTML中的所有元素以及每個元素的各個屬性,
因為每個元素的使用都是大同小異,我們完全可以通過幾個常用案例對HTML全部元素及屬性的指定形成一
個整體認識,以后可以根據需求通過查詢手冊來自己學習其他元素及其屬性的用法。</p><hr>
</body>
</html>
效果如圖所示:
通過觀察發現,即使我們在代碼中對段落的文字進行回車操作,但是出現在頁面中是沒有回車的效果的,文字按照順序長長的排列在顯示器上,非常不利于閱讀,因此我們就要介紹常常和p標簽連用的<br>換行標簽。
示例代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<title>第一個網頁</title>
</head>
<body>
<h1>第一個網頁</h1><hr>
<p>千里之行始于足下<br>
值得注意的是我們沒有必要一一講解HTML中的所有元素以及每個元素的各個屬性,<br>
因為每個元素的使用都是大同小異,我們完全可以通過幾個常用案例對HTML全部元<br>
素及屬性的指定形成一個整體認識,以后可以根據需求通過查詢手冊來自己學習其他<br>
元素及其屬性的用法。</p><hr>
</body>
</html>
效果如圖所示:
喜歡的小伙伴請關注我,閱讀中遇到任何問題請給我留言,如有疏漏或錯誤歡迎大家斧正,不勝感激!
HTML序章(學習目的、對象、基本概念)——零基礎自學網頁制作
HTML是什么?——零基礎自學網頁制作
第一個HTML頁面如何寫?——零基礎自學網頁制作
HTML頁面中head標簽有啥用?——零基礎自學網頁制作
初識meta標簽與SEO——零基礎自學網頁制作
HTML中的元素使用方法1——零基礎自學網頁制作
HTML中的元素使用方法2——零基礎自學網頁制作
HTML元素中的屬性1——零基礎自學網頁制作
HTML元素中的屬性2(路徑詳解)——零基礎自學網頁制作
使用HTML添加表格1(基本元素)——零基礎自學網頁制作
使用HTML添加表格2(表格頭部與腳部)——零基礎自學網頁制作
使用HTML添加表格3(間距與顏色)——零基礎自學網頁制作
使用HTML添加表格4(行顏色與表格嵌套)——零基礎自學網頁制作
16進制顏色表示與RGB色彩模型——零基礎自學網頁制作
HTML中的塊級元素與內聯元素——零基礎自學網頁制作
初識HTML中的<div>塊元素——零基礎自學網頁制作
在HTML頁面中嵌入其他頁面的方法——零基礎自學網頁制作
封閉在家學網頁制作!為頁面嵌入PDF文件——零基礎自學網頁制作
HTML表單元素初識1——零基礎自學網頁制作
HTML表單元素初識2——零基礎自學網頁制作
HTML表單3(下拉列表、多行文字輸入)——零基礎自學網頁制作
HTML表單4(form的action、method屬性)——零基礎自學網頁制作
HTML列表制作講解——零基礎自學網頁制作
為HTML頁面添加視頻、音頻的方法——零基礎自學網頁制作
音視頻格式轉換神器與html視頻元素加字幕——零基礎自學網頁制作
HTML中使用<a>標簽實現文本內鏈接——零基礎自學網頁制作
電腦屏幕上的 html meta 標記代碼
我們把JavaScript代碼放置在body結束標簽</body>之前且在頁面所有內容之后。下面介紹把代碼放在這個位置,而不是以前的<head></head>兩個標簽之間的原因。
通常,瀏覽器是自上而下加載和渲染內容的。如果JavaScript代碼放置在head部分里,會導致JavaScript代碼已加載完,而文檔內容可能還沒有加載完的情況出現。事實上,如果瀏覽器在頁面中間加載JavaScript代碼,就會中斷正在進行的渲染和加載。這就是盡可能把JavaScript代碼放到頁面底部的原因。通過這種方式,可以提升加載內容的性能。
在寫這本書的時候,jQuery的最新版本是1.4.4。這就是代碼示例中的jQuery文件叫jquery-1.4.4.min.js的原因。這個版本號可能會不同,但是用法上應該是一樣的,除非jQuery在向后兼容性上發生重大的改變。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。