html 基础知识

复习html属性~

table标签的属性

  1. Width、height 宽高(单位是像素或百分比)
  2. align 对齐 left/center/ right
  3. border =1 (边框且不合并边框)
  4. bgcolor 背景色
  5. background 背景图片
  6. Cellspacing 单元格间距(单元格和单元格的距离) 一般情况写0
  7. Cellpadding 单元格边距(表格边框与内容的距离) 一般情况写0

tr属性

Align 水平对齐
left/center/ right
valign 垂直对齐
Top(上)/middle(中)/bottom(下)
 bgcolor 背景色

td的属性
Width、height 宽高(单位是像素或%)
align valign 水平对齐、垂直对齐
bgcolor 背景色
background 指定背景图片
Colspan 水平合并 合并多列
rowspan 垂直合并 合并多行

h5为表格的标题标签

thead 页眉 tbody 主题部分 tfoot 页脚

表格标题标签 不属于表格部分 再表格的头部

a标签的属性

img标签属性{

src属性:图片的源路径地址 

   alt属性:图片找不到显示的内容 , 图片找到了这不显示

   Width、height 宽和高设置图片的宽高

   title属性 当鼠标悬浮上去显示的内容

   usemap 图像映射,图像可以点击,进行跳转类似a标签

   

   <map name='a' id="a">

   <area  shape="画出的图形 1.圆形circ  2.rect 矩形 3.多边形" 
   cooeds="1.圆心坐标,半径坐标||2.矩形左上角坐标,右下角坐标|| 3.多边形坐标1,多边形坐标2,。。。" 
   href="点击后跳转的页面"
   target="于a标签一样"
   alt="为跳转成显示的文字"
   title="鼠标悬停显示的文字"
   ></area>
   </map>



}

表单标签

1.form 表单: 收集用户填写的信息

action: 值:一个地址,收集到的信息提交到这个地址

method: 值:get提交的内容在浏览器地址栏可见

            不安全、内容少,不超过4k

            post 提交的内容,不会出现在浏览器地址栏里面

            安全、提交的内容多

1.label : 无具体含义 一般配合 input标签使用

for: 值:字符串 和input 标签的id相对应 方便用户操作 用户体验

2.input:输入框

type: text 文本

      password 密码

      radio 单选按钮 必须和name结合使用

      checkbox 多选框

      file 文件

      reset 重置

      button 普通按钮

      maxlength:最大长度

3.select 下拉框 一般和 option标签结合使用
4.option 选项标签
5.textarea 文本域

h5新增标签 基于语义

页眉标签 

    <header>页眉标签</header>

     文章标签 

    <article>文章表彰</article>

     侧边栏 

    <aside>侧边栏</aside>

     页脚标签  

    <footer>页脚标签</footer>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值