HTML知识点查漏补缺

目录

块与行内元素:

布局标签:(主要是div和span用的多)

超链接:

图片标签:

内联框架:(在页面中包含另一个页面类似img)

引入音频,视频:

表格标签:(都写在table那里面)

表单标签:

自定义列表


html中关注的是语句,样式是css

块与行内元素:

常见的块元素:<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>

常见的行内元素:<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>

        行内元素特点:内容有多大,就撑多大

 

注意:浏览器在修正的过程中,可能会出现问题,影响效率

行内块元素:同时具有块元素和行内元素特点

常见有<img>、<input>、<td>

总结:


布局标签:(主要是div和span用的多)


超链接:

(1)用超链接跳转到其他界面:

是一个行内元素,在a标签中可以嵌套除它自身外的任何元素

超链接的打开方式(target)  【国内比较喜欢用_blank,国外喜欢用默认】

target属性 默认为 _self 在当前页面打开超链接(这样会刷新当前页面)

_blank  在一个新的页面中打开超链接 ,当前页面会被保留

_blank 优点:比较方便   缺点:有可能会打开多个窗口,以致于不知道打开的是哪个窗口

国外基于上述那个缺点所以选择了默认

(2)用超链接跳转本页面的其他位置

 重点!!!

1.跳转到顶部 【一般在最末尾】

2.跳转到顶部【一般】

   bottom为末尾的id

若先点击超链接没有任何回应,可以使用占位符


图片标签:

图片的格式:


内联框架:(在页面中包含另一个页面类似img)

frameborder,指定内联框架的边框,0表示无,1表示有

 问题:内联框架里面不会被检索


引入音频,视频:

有权限,版本支持问题。

 

 embed:IE8支持

 


表格标签:(都写在table那里面)

表格语法:

(1)align演示:

 

 (2)border演示:border="1"

(3)cellpadding演示:

 (4)cellspacing演示: 默认有空隙  cellspacing=“0”

合并单元格:


表单标签:

(1)表单域:

 (2)表单组件:

input:

 如下图:


 label标签:【增加用户体验,例如可以直接点击用户名就可以聚焦在文本框上面】

        label里面的for=“” 要与input里面的id= “”对应,


select标签:

        语法:

        


 textarea文本域标签:

        语法: rows 可以显示的行   cols每行可以显示字数

 


自定义列表

典型应用:页面的底部,

 语法:

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值