第六節(jié) 段落標(biāo)簽 一、認(rèn)識段落標(biāo)簽<p>: <p>內(nèi)容</p>解析:<p>為首標(biāo)簽,</p>為尾標(biāo)簽,首尾標(biāo)簽必須合用,首標(biāo)簽中可以添加各種屬性、屬值,兩者之間為內(nèi)容(文字或圖片或文字加圖片均可) 二、填空: <p align="left">這是居(左)對齊的段落標(biāo)簽 <p align="center" >這是居(中)對齊的段落標(biāo)簽 <p align="right">這是居(右)對齊的段落標(biāo)簽。 三、解析下面的各個標(biāo)簽: 1、<p align="center">
解析:<段落標(biāo)簽 對齊方式=居中對齊>
2、<p align="right">
解析:<段落標(biāo)簽 對齊方式=居右對齊>
3、<P style="WIDTH: 620px; HEIGHT: 100px">
解析:<段落標(biāo)簽 CSS樣式=“寬:屬值;高:屬值”>
4、<P style="BACKGROUND-COLOR: #ffffaa; MARGIN: 30px">
解析:
<段落標(biāo)簽 CSS樣式=“背景顏色:米黃色;外邊距:30PX”>
5、<P style="TEXT-INDENT: 2em">
解析:<段落標(biāo)簽 css樣式=“文字首行縮進(jìn):2em”> 6、<img style="width: 300px; height: 450px;" src="http://image17.360doc.com/DownloadImg/2010/11/0321/6510364_2.jpg">
解析:<圖片標(biāo)簽 CSS樣式="寬:300PX; 高:450PX;"路徑="地址">
7、<img style="width: 300px; height: 450px;" title="東方女性之魅力" alt="“春天沒來”歡迎您" src="http://image17.360doc.com/DownloadImg/2010/11/0321/6510364_2.jpg">
解析:<圖片標(biāo)簽 CSS樣式="寬:300PX; 高:450PX;" 標(biāo)題顯示=標(biāo)題 替代文本="“春天沒來”歡迎您" 路徑=“地址”>
8、<font color="#ff0000" size="7" face="華文行楷">
解析::<文字標(biāo)簽 文字顏色=“紅色” 字號=“7號” 字體=“華文行楷”> 9、<p style="width: 99%; color: rgb(0, 200, 0); line-height: 150%; letter-spacing: 10px; font-family: 黑體; font-size: 26pt; filter: glow(color=yelow, strength=0);" >
解析:<段落標(biāo)簽 css樣式=“寬度:99%;文字顏色:十進(jìn)制顏色(綠色);行高:150%;字距:10px;字體:黑體;字號:26pt;濾鏡:光暈濾鏡(顏色=黃色,強度=0);”> 10、<P style="POSITION: absolute; BACKGROUND-COLOR: rgb(10,255,0); TOP: 100px; LEFT: 0px" >
解析:<段落標(biāo)簽 css樣式=“定位方式:絕對定位;背景顏色:十進(jìn)制顏色(紅色值10,綠色值255,藍(lán)色值0);居上:100px;居左:0px”> 11、<P style="WRITING-MODE: tb-rl; WIDTH: 200px; HEIGHT: 350px">
解析:<段落標(biāo)簽 css樣式=“排版樣式:豎排版;寬度:200px;高度:350px”> |
|
來自: 漁樵舊草廬 > 《代碼作業(yè)》