目錄
1.標題排版
2.標題樣式
?編輯??編輯
小結
3.超鏈接
4.正文排版
?編輯?編輯?編輯5.正文布局
6.表格標簽
7.表單標簽
8.表單項標簽
1.標題排版
● 圖片標簽 :< img>
· src:指定圖像的ur1(絕對路徑/相對路徑)
· width:圖像的寬度(像素/相對于父元素的百分比)
· height:圖像的高度(像素/相對于父元素的百分比)
● 標題標簽 :< h1> -< h6>
● 水平線標簽 :< hr>
1. 標題標簽
● 標簽 :< h1> ...< /h1>(h1→h6 重要程度依次降低)
● 注意:HTML標簽都是預定義好的,不能自己隨意定義。
2. 水平線標簽 <hr>
3. 圖片標簽
<img src=" ... " width=" ... " height=" ... ">
● 絕對路徑:絕對磁盤路徑(D:/xxxx)、絕對網絡路徑(https://xxxx)
● 相對路徑:從當前文件開始查找。(./:當前目錄, .. /:上級目錄)
2.標題樣式
?
小結
1. <span>標簽
●<span>是一個在開發網頁時大量會用到的沒有語義的布局標簽
● 特點:一行可以顯示多個(組合行內元素),寬度和高度默認由內容撐開
2. CSS選擇器
● 元素選擇器:標簽名 { ... }
●id選擇器:#id屬性值 { ... }
● 類選擇器 :. class屬性值 { ... }
● 優先級:id選擇器>類選擇器>元素選擇器
3. CSS屬性
● color:設置文本的顏色
●font-size:字體大小 (注意:記得加px)
3.超鏈接
● 標簽:
<a href=" ... "target=" ... ">央視網</a>
● 屬性:
href:指定資源訪問的url
target:指定在何處打開資源鏈接
? ? ?_self:默認值,在當前頁面打開
? ? ?_blank:在空白頁面打開
4.正文排版
● 視頻標簽 :< video>
src: 規定視頻的url
· controls:顯示播放控件
· width:播放器的寬度
· height:播放器的高度
● 音頻標簽 :< audio>
· src:規定音頻的url
controls:顯示播放控件
● 段落標簽 :< p>
● 文本加粗標簽 :< b>/<stroag>
5.正文布局
● 布局標簽:實際開發網頁中,會大量頻繁的使用div和span這兩個沒有語義的布局標簽。
● 標簽 :< div> <span>
特點:
● div標簽:
● 一行只顯示一個(獨占一行)
● 寬度默認是父元素的寬度,高度默認由內容撐開
● 可以設置寬高(width、height)
● span標簽:
● 一行可以顯示多個
● 寬度和高度默認由內容撐開
● 不可以設置寬高(width、height)
6.表格標簽
7.表單標簽
● 場景:在網頁中主要負責數據采集功能,如注冊、登錄等數據采集。
● 標簽 :< form>
● 表單項:不同類型的input元素、下拉列表、文本域等。
● <input>:定義表單項,通過type屬性控制輸入形式
● <select>:定義下拉列表
● <textarea>:定義文本域
屬性:
● action:規定當提交表單時向何處發送表單數據,URL
● method:規定用于發送表單數據的方式。GET、POST
8.表單項標簽
<input>:表單項,通過type屬性控制輸入形式。
<select>:定義下拉列表,<option>定義列表項。
<textarea>:文本域
)
