視頻標簽:<video>
src: 規定視頻的URL
controls:顯示播放控件
width:播放器的寬度
height:播放器的高度
音頻標簽:<audio>
src: 規定音頻的URL
controls: 顯示播放控件
段落標簽:<p>
段落換行:<br>
文本加粗標簽:<b>? / <strong>(帶有強調的意思)
CSS樣式:
line-height: 設置行高
text-indent: 定義一個行內容的縮進
text-align: 規定元素中的文本的水平對齊方式
注意:
在HTML中無論輸入多少個空格,只會顯示一個。可以使用空格占位符; ;
頁面布局:
盒子模型:
盒子:頁面中的所有元素(標簽),都可以看做是一個盒子,由盒子將頁面中的元素包含一個矩形區域內,通過盒子的視角更方便的進行頁面布局。
盒子模型組成:內容區域(content)、內邊距區域(padding)、邊框區域(border)、外邊距區域(margin)。
布局標簽:實際開發網頁中,會大量頻繁的使用div和span這兩個沒有語義的布局標簽。
標簽:<div> <span>
特點:
div標簽:
一行只顯示一個(獨占一行)。
寬度默認是父元素的寬度,高度默認由內容撐開。
可以設置寬高(width、height)。
span標簽:
一行可以顯示多個。
寬度和高度默認由內容撐開。
不可以設置寬高(width、height)。
新聞頁面的頁面布局:
版心居中:
使用div布局標簽,一行只有一個。
然后添加一個id屬性值, id="center"。
注意:如果只需要設置某一方位的邊框、內邊框、外邊框,可以在屬性后加上-位置,如:padding-top、padding-left、padding-right、....?