html:(3):认识html标签和标签的语法
讓我們通過一個網頁的學習,來對html標簽有一個初步理解。平常大家說的上網就是瀏覽各種各式各樣的網頁,這些網頁都是由html標簽組成的。下面就是一個簡單的網頁。效果圖如下:
我們來分析一下,這個網頁由哪些html標簽組成:
“勇氣”是網頁內容文章的標題,<h1></h1>就是標題標簽,它在網頁上的代碼寫成<h1>勇氣</h1>。
“三年級時...我也沒勇氣參加。” 是網頁中文章的段落,<p></p>是段落標簽。它在網頁上的代碼寫成 <p>三年級時...我也沒勇氣參加。</p>
網頁上那張小女生的圖片,由img標簽來完成的,它在網頁上的代碼寫成<img src="1.jpg">
網頁的完整代碼如下圖:?
總結一下,可以這么說,網頁中每一個內容在瀏覽器中的顯示,都要存放到各種標簽中。
運行結果
標簽的語法
1. 標簽由英文尖括號<和>括起來,如<html>就是一個標簽。
2. html中的標簽一般都是成對出現的,分開始標簽和結束標簽。結束標簽比開始標簽多了一個/。
如:
(1)?<p></p>
(2)?<div></div>
(3)?<span></span>
3. 標簽與標簽之間是可以嵌套的,但先后順序必須保持一致,如:<div>里嵌套<p>,那么</p>必須放在</div>的前面。如下圖所示。
4. HTML標簽不區分大小寫,<h1>和<H1>是一樣的,但建議小寫,因為大部分程序員都以小寫為準。
我來試試:看你是否真正學會了標簽的語法
右部編輯器中有一個網頁的代碼,但第9行缺少代碼,請補充
<!DOCTYPE HTML> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>標簽的語法</title></head><body><div><h1>在本教程中,你將學習如何使用 HTML 來創建站點</h1><p>當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。</p></div></body> </html>運行結果
總結
以上是生活随笔為你收集整理的html:(3):认识html标签和标签的语法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 安装java过程_Java的安装过程
- 下一篇: windbg拦截驱动加载