1、web標準構成:結構、表示、行爲
1.1結構(HTML):用於網頁結構的整理和分類。
1.2表示(CSS):用於設置網頁元素的樣式,顏色、大小、外觀等。
1.3行爲(JS):網頁模型定義及交互的編寫。
2、標籤:標題標籤、文本格式標籤、段落標籤、圖像標籤
2.1標題標籤:<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、 <h5></h5>、<h6></h6>
h1標籤在一個頁面中只能用一次;
標題標籤自動加粗換行;
上下生成空白行;
標題字號爲h1最大以此類推
2.2文本格式標籤
加粗: <strong>加粗</strong> & <b>加粗</b> <br/>
傾斜:<em>傾斜</em> &<i>傾斜</i> <br/>
刪除線: <del>刪除線</del> & <s>刪除線</s> <br/>
下劃線:<ins>下劃線</ins>&下劃線
2.3段落標籤
<p></p>
段落標籤,文本會根據瀏覽器的大小進行換行顯示。
段落之間保有空隙。
<br/> 單標籤,換行標籤,對文字進行強制換行 (只換行,不分段)
2.4圖像標籤
<img src="" alt="" title="" height="" width="" border="" />
屬性+屬性值+說明
src:圖片路徑,這是一個必須屬性。
alt:文本,替換文本。在圖片顯示不出來的情況下顯示alt屬性內的提示文本信息,這個可不填。
title:文本,提示文本。當鼠標懸停在圖片上是顯示title屬性內的文本信息。
height:像素,設置圖片的高度。與width屬性只填寫一個即可實現同比縮放。
width:像素,設置圖片的寬度。與height屬性只填寫一個即可實現同比縮放。
border:像素,設置圖片的邊框粗細。一般在CSS中進行控制。
3、<div></div>&<span></span>
3.1<div></div>,div是division(分割,分區)的縮寫。標籤沒有語義,類似一個盒子。此標籤一個人獨佔一行。一行只能一個<div>(大盒子)
3.2<span></span>跨度,跨距。在span標籤中的文字可以並列顯示。一行可以多個<span>(小盒子)