前端基礎01

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>(小盒子)

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章