上篇:育知同創前端培訓技術分享:HTML簡介及常用標簽(上)
六、HTML的常用標簽
1. 標題標簽 (h1----h6)
語法:<h1 align=”center”>內容</h1>
常用屬性:
align:設置對齊方式.
屬性值有left(左對齊)、center(居中對齊)、right(右對齊)
代碼:
頁面效果:
2. 段落標簽:
語法:<p></p>
常用屬性:
align:設置對齊方式.
屬性值有left(左對齊)、center(居中對齊)、right(右對齊)
代碼:
頁面效果:
三種列表標簽
4.1 無序列表
語法:
<ul >
<li>無序列表項</li>
<li>無序列表項</li>
<li>無序列表項</li>
......
</ul>
常用屬性:
type:設置符合類型,屬性值有circle (空心圓)、 square (黑色方塊)、 disc(黑色實心圓)
代碼:
頁面效果
4.2有序列表
語法:
<ol >
<li>無序列表項</li>
<li>無序列表項</li>
<li>無序列表項</li>
......
</ol>
常用屬性:
type:設置編號類型,屬性值有"a"、"A"、"i"、"I"、"1"(默認)
start:設置編號起始值,屬性值為起始的數值,如從2開始就寫2
代碼:
頁面效果
4.3定義列表
語法:
<dl>
<dt>定義項</dt>
<dd>描述項</dd>
<dd>描述項</dd>
<dt>定義項</dt>
<dd>描述項</dd>
<dd>描述項</dd>
</dl>
代碼:
頁面效果
5.span標簽、strong標簽、b標簽、i標簽、em標簽 、br標簽
語法:
<span>內容</span> <strong>內容</strong> <b>內容</b><i>內容</i>
<em>內容</em> <br/>
說明:span 標簽默認瀏覽器中沒有效果,strong\b標簽默認是加粗顯示,但strong更多是有強調的作用。i\em是傾斜的意見,但em具有強調的作用。br表示換行的意思。
代碼:
頁面效果
2. div標簽
語法:
<div>內容</div>
說明:
Div的中文含義是區塊的意思,里面可嵌套任何一個標簽。
頁面效果
3. img標簽(插入圖像標簽)
語法: <img src=“圖片地址” width=“” height=“” title=“” alt=“” border=“”/>
常用屬性:
src:指定圖像的源文件路徑,可以使用相對路徑、絕對路徑或URL。
width:指定圖像的寬度,單位為像素。
border:指定圖像邊框厚度。
alt:這是用以描述該圖像的文字,圖像不能顯示時將顯示該屬性值;
當鼠標移至圖像上時,將該屬性值作為提示信息顯示。
Title: 圖片的提示信息
網頁中圖片的常用格式:有三種:gif、jpg、png。相應格式的特點如下
a)Gif格式只有256種顏色、支持透明、動畫
b)Jpg格式顏色豐富(1670多萬種)、文件小
c)Png格式是無損壓縮,文件大,支持透明。【半透明】
代碼:
頁面效果
7. a標簽(超鏈接標簽)
語法: <a href="資源地址“ target =“”>超鏈接文本及圖像</a>
常用屬性:
href:指定鏈接地址。若是鏈接到網站外部,必須為URL地址;若是鏈接到網站內部頁 面,只需指明該頁面的絕對路徑或相對路徑。
target:指定顯示鏈接目標的窗口。 可取如下值:
_self:默認值。當前窗口 。
_blank:新打開、未命名的窗口 。
_top:清除當前窗口并在整個瀏覽器窗口顯示 。
_parent:當前窗口的父窗 口。
我們在使用img和a標簽的時候都用到了路徑那先要理解下路徑:
路徑分為:絕對路徑、相對路徑.
絕對路徑:完整的描述文件位置的路徑就是絕對路徑,從盤符或協議名稱開始寫,如:C:\Users\Administrator\Desktop\web1.png,
(注:火狐瀏覽器中如果使用絕對路徑,可以使用下面的寫法:file:///D|a/pic.jpg )
相對路徑:就是自己相對于目標位置,可以分為三種情況
a)網頁文件和圖片位于同一個文件夾下:直接寫圖片名,如src="1.png"
b)網頁文件和圖片不在同一個文件夾下,圖片位于另外一個文件夾里面:先寫文件夾的名,再寫文件名,如src="a.png"
c) 網頁文件和圖片不在同一個文件夾下,網頁文件位于另外一個文件夾里面:先使網頁文件跳出文件夾,再寫文件名,如src="...png"
代碼:
頁面效果
好了,HTML基本常用標簽講完了,我們反過來看一下HTML4.0與HTML5.0的規范!
時,在將原型導出為HTML后,我們希望完全隱藏側邊欄,使其看起來像一個真實的網站。以下是實現這一目標的方法。
<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
作者:產品經理之窗 | Axurepm.com
板二區內的大板樓與附近的高樓形成鮮明對比。記者 蘇華 攝
10月9日,南寧市大板二區貼出一則由自治區機關事務管理局發布的搬遷拆除預公告,引起小區居民關注。公告顯示,2022年1月1日至3月31日,這里的居民將要陸續搬出,等待新房的建成。這也預示著,這個有著42年歷史的小區要和大家說再見了。
人們在大板二區花園的涼亭下享受著美好時光。記者 蘇華 攝
居民回憶 大板二區的光陰故事
10月11日早晨,一走進大板二區,記者發現紅色的拆遷橫幅標語已掛在了小區的各個角落,“早搬遷,早拆除,早建設,早回遷”的標語,以及貼在展板上的《補償安置協議》狀態表,就像一個倒計時提醒著居民:大板二區不能再陪伴大家了。
在富有年代感的大板二區食堂,吃早餐的居民陸續前來,一切井然有序。
走過食堂,記者來到小區花園,好幾棵蒼勁的榕樹,用巨傘般的樹冠告訴人們,它們在此已度過了不短的時光。
82歲的居民覃先生說:“我住進來時,這里還是一片菜地,如今我和它們都老了。”老人們圍坐在涼亭里打牌、閑聊,聊起當年在大板二區空地上種紅薯、木薯、青菜的時光。
在中心花園里,1988年建成的九龍照壁是大板二區的標志。經過33年的風雨沖刷,九龍照壁仍保持著原有的色彩,背面是上世紀80年代頗為流行的瓷磚畫。
10月13日,雨下個不停,小區的水泥滑梯靜靜佇立在那里。32歲的蘇先生從小在大板二區長大,他回憶道:“小時候,我們喜歡穿過假山的小洞,踩著梅花樁,再玩滑梯。這個陪伴我們長大的小花園依然保持著當年的模樣。”
小區內,不少大板樓外墻長滿青苔,墻體斑駁。記者 蘇華 攝
危舊房改造 立項多年后終迎拆遷
今年70多歲的小區居民徐先生告訴記者,1929年,因為軍事需要,現在古城路的大板一區、星湖路的大板二區所在地建成了邕寧機場;1965年機場廢棄后,上世紀70年代,大板一區、二區相繼建設,大板二區因為面積大、樓棟多,成為南寧最早、最大型的步梯住宅小區。42年后的今天,它即將成為南寧人的回憶。
“這些樓房當年都是用預制板建起來的。”徐先生說,樓房用一塊塊預制板吊裝完成,建設快,造價較低,因此俗稱“大板房”。
大板房是南寧城市發展的一個縮影。這種樓房的弱點是承載力弱、抗震力不強。經過多年的風吹雨淋,漸漸暴露出不少問題。
在大板二區,多棟樓房單元入戶口長起了青苔,墻體斑駁掉皮;一些房屋窗戶木框破舊缺失,存在安全隱患。
小區居民龍家旺告訴記者,2014年6月,他和幾名老業主一起給自治區機關事務管理局寫信,提出大板二區房屋房齡已超過30年,因大板房抗震能力弱,應及時啟動危舊房改造。2016年9月23日,自治區住房制度改革委員會同意大板二區進行危舊房改造,該項目正式立項。經過多年的前期工作,今年10月9日,自治區機關事務管理局正式發布大板二區危舊房改住房改造項目拆遷預公告,2022年1月1日至3月31日為搬遷期,4月開始拆除房屋。這個80%以上是危舊大板房的小區改造,立項多年終迎拆遷。
“舊房變新房,到時還有電梯,這是好事啊!”徐先生說,1985年,他住進這個小區,一住就是30多年。一年前,他就已為搬遷做好了準備。
“早拆遷,早回遷,希望新的大板二區能快點建好,我們老年人也能享享福。”家住在大板二區的退休干部陳女士表示,她在這里生活了30多年,小區見證了她的兒子和孫子的成長。“等孫子放寒假了,我們就要搬離這里了。”陳女士希望,全體業主早點搬離騰空,爭取早日回遷。
大板二區危舊房改項目效果圖。項目部供圖
規劃設計 將新建30棟住宅樓
大板二區危舊改項目部門外,張貼著改造項目簽約進度表,上面顯示:需要搬遷住戶1756戶。拆除舊房面積159641.15平方米。
根據項目推進方案,2022年1月1日至9月30日,大板二區將完成房屋拆除、垃圾清運、綠化移植、地質勘察、水電遷改、三通一平等工作;2022年10月1日前,施工單位正式進場施工;2022年10月1日至2025年6月30日,完成項目施工、工程竣工驗收、交房等工作;2026年6月30日前,完成不動產權辦理等。
項目總平圖數據顯示:大板二區的總用地面積為98979.3平方米(約148.4畝),凈用地面積90021.4平方米(約135畝),小區將建造成一個以居住為主、配套商業為輔的綜合社區。計劃新建30棟住宅樓,配建商業及小區公共配套設施,總建筑面積約629076.4平方米(含配建商業設施面積約31287.3平方米),住宅總套數3158套(其中還建1756套,非還建1402套);機動車停車位4141個(地上371個,地下3770個)。
大板二區毗鄰南湖,危舊房改住房改造項目在規劃設計時,專門做了建筑藝術專項評審。比如:建筑立面設計中建筑單體為簡約中式風格,建筑體型以清新、雅致、現代為基調,形成輕巧、活潑的建筑形態,整體造型典雅,洋溢著古典韻味,與南湖景觀帶遙相呼應。在環境規劃中,結合自身宅間綠化和公共景觀資源優勢進行打造,建成后有望成為南寧市一個標桿型的危舊改示范性項目。
一個舊的大板二區即將成為過去,一個嶄新的現代化社區,在不久后將重新屹立在美麗的南湖之畔。
來源:http://resource.cloudgx.cn/files/gxapp/News/202110/15/789666.html?_s=1634282848
*請認真填寫需求信息,我們會在24小時內與您取得聯系。