web即Word wide web的簡稱,是一種基于http和html的全球性的、動態交互的、跨跨平臺的分布式圖像信息系統,我們接下來學習的則是其中的html。HTML即Hyper Text Markup Language的縮寫,是一種超文本標記語言,包括我們在網頁中所能看到的和聽到的注入圖片、鏈接、文字、聲音和程序等可是可聽的內容(甚至會包括即將到來的VR時代的觸感和嗅感所能接觸到的內容)需要了解的是HTML是一種標記語言而非一種編程語言,它是一套完整的標記標簽,并通過標記標簽來描述網頁。正因為HTML的特點,所以HTML文檔也可以看做是我們的網頁。
Web通過讀取html文檔,通過標簽呈現出網頁的預定內容。
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title> 我是文檔標題。 </title> </head> <body> 你好,我是HTML。也就是一個網頁的內容部分。上面的文檔標題也就是我們打開的網頁的標簽的名字。</body> </html>
效果
標簽
結構
HTML正是通過一系列的標簽向我們展示網頁的既定內容的。標簽的結構包括:開始標簽、結束標簽、屬性和內容這四部分。就像這樣:雖然大多數瀏覽器可以識別不帶結束標簽的HTML文檔,但是強烈建議標簽必須以結束標簽結尾; 雖然HTML標簽對大小寫不敏感,但是鑒于W3R在HTML4中推薦使用小寫標簽,故書寫標簽時請使用小寫; 諸如<br>和<img>可以沒有結束標簽,但是推薦這樣書寫:<br />和<img />;
標題
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>標題演示</title></head><body> <h1>我是標題1</h1> <h2>我是標題2</h2> <h3>我是標題3</h3> <h4>我是標題4</h4> <h5>我是標題5</h5> <h6>我是標題6</h6> PS:HTML現在最多支持6個標簽</body></html>段落
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title></head><body> <p>我是一個段落 </p></body></html>鏈接
鏈接幫助我們跳轉到另外的網頁。鏈接通過<a>標簽進行定義。<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title></head><body> <a href="http://blog.csdn.net/sky15732625340">這是一個不進去坐坐就后悔的博客</a></body></html>圖像
HTML中的圖像通過img標簽進行定義。<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>image</title></head><body> <p> 建議先把圖片加載到項目中,隨后直接拖動圖像至代碼即可</p> <img src="image/we.jpg" /></body></html>元素
HTML文檔是由元素定義的,HTML元素就是開始標簽和結束標簽之間的所有代碼。 關于HTML元素,需要注意一下幾點: HTML元素以開始標簽開始,以結束標簽結束; HTML元素的內容就是我開始標簽和結束標簽之間的所有內容;HTML元素可以具有空內容; 大多數HTML元素是可以具有屬性的; HTML元素可以進行嵌套;小敘
就先到這里吧,太多了;欲知后事如何,且聽下回分解......感謝您的寶貴時間,祝生活愉快,謝謝~~~ —joker
新聞熱點
疑難解答