上篇:育知同创前端培训技术分享: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小时内与您取得联系。