HTML认知

HTML标签学习


HTML认知

1.1.1标题标签                                              

 多次改ctrl+D                                    标题标签:一共有6个 

练习:


 

2.1段落标签 (独占一行 两段间有缝)


 1、3、1换行标签


 1.4.1水平线标签

练习:(将下面文字英文与中文分段,换行,加水平标签)

The amber light of late autumn spilled through the courtyard, casting long, lazy shadows that stretched like languid cats. A lone maple tree stood as a sentinel of the season, its leaves a tapestry of fire and gold. Each leaf, a tiny sun captured in vegetal form, trembled on its branch before spiraling down in a silent, graceful ballet. The air was crisp, carrying the faint, earthy perfume of decay and the promise of winter. In this quietude, time seemed to suspend itself, folding into the layers of moss on the old stone lantern. It was a moment of profound peace, a gentle reminder that letting go could be as beautiful as holding on.琥珀色的秋末天光,漫溢于庭院,投下悠长、慵懒的影,如倦猫般伸展。一棵孤寂的枫树,宛如季节的哨兵,它的叶片是一幅由火焰与黄金织就的挂毯。每一片叶子,都是被捕捉在植物形态中的微小太阳,在枝头轻颤,而后盘旋而下,上演一场无声而优雅的芭蕾。空气清冽,带着一丝若有若无的、属于腐朽与冬日承诺的泥土芬芳。在这片寂静中,时间仿佛自行悬停,折叠进古老石灯笼上厚厚的苔藓里。这是一个深邃宁静的时刻,温柔地提醒着我们,放手,亦可如坚守一般美丽


2.1文本格式化标签的介绍

 

 




3.1.1图片标签的介绍 属性注意点:

 

1、标签的属性写在开始标签内部

2、标签可以同时有在多个属性 格

3.属性间可以用空格隔开.

4.标签名与属性之间必须以空隔开

5.属性间无顺序


 


3.1.3图片标签的alt属性

3.14.图片标题的title属性

3.1.5图片标签的windh和height属性

注意点:

①如果只没width/height中的一个.另一个没置会自由动等比例缩放(图片不会变形)

②同时设置了width和height两个.设置不当会变形


练习:

将比图片做练习


 3.2.1路径的介绍


3.2.2绝对路径(了解)


 3.2.3相对路径(常用)

 


3.2.4同级目录

 


3.2.5下级目录:目标文件在下级目录中

 


3.2.6 上级目录 :目标文件在上级目录中

··/  返回上一级

 上级与下级同时:


3.3.1 音频标签的介绍


3、4、1视频标签的介绍


4.1链接标签的介绍


练习:

 


 4.4链接标签的target属性 

 


练习 :

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值