HTML标签常遇问题

1.textarea设置不能拉伸

style属性
<textarea style = "resize:none" rows="5" cols="5" ></textarea>

2.跨行、跨列

跨行:rowspan 
跨列:colspan
一行跨两列
<tr>
<td colspan = "2" align= "center"><input type="submit"  value= "提交"/></td>
</tr>

3.音频播放

方式一:
<audio src="./beidahuang.mp3" controls="controls">
</audio>
方式二:
<audio  controls = "controls">
<source src="./beidahuang.mp3" type="audio/mpeg">
</audio>

4.视频播放

方式一:
<video src="./fun.mp4" width = "400" height = "400" controls= "controls"></video>
方式二:
<video width = "400" height = "400" controls= "controls" poster="hua.jpg">
<source src="./fun.mp4" type="video/mp4"></source>
</video>
方式三(自动播放):
<embed src="fun.mp4" width = "400" height = "400"/>

5.图片的加载
如果只设置宽或者高时,图片会等比例变化,如果宽和高都设置,会按照设置的值变化

<img src="hua.jpg" title="美丽的花朵"  alt="图片加载失败"/>
<img src="hua.jpg" width="200" title="美丽的花朵"  alt="图片加载失败"/>
<img src="hua.jpg" height="200" title="美丽的花朵"  alt="图片加载失败"/>
<img src="hua.jpg" width = "100" height="200" title="美丽的花朵"  alt="图片加载失败"/>

6.单选框和复选框默认选中

<input type= "radio" name = "sex" checked="checked" value = "1"/>男

<input type= "checkbox" name = "eat" checked = "checked" value = "eat"/>吃饭
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值