前端学习记录2021.05.02 HTML标签知识点总结

一、HTML标签

1.1结构标签

<html:根标签
<head网页头标签
<meta charset=“utf-8”//设置编码类型及方式
<title:页面标题
</head
<body网页正文

body属性
颜色的表述方式
补充知识点:相对路径
若需要从当前html页面的父目录里寻找,则用…/表示

1.2排版标签

在这里插入图片描述
1.3块标签
css+div布局
在这里插入图片描述
1.4文字标签
在这里插入图片描述
1.5文本格式化标签

在这里插入图片描述
1.6标题标签

在这里插入图片描述
1.7列表标签

在这里插入图片描述
有序列表:使用一组有序的符号定义 <ol(order有序)

属性值可以为数字、大小写字母类型
start表示从第几个数字开始标号

1.8图形标签

在这里插入图片描述
align:指与图片对其显示方式,即相邻文字出现在图片两侧的上、中、下。
border:值为数字,即边框的大小

1.9链接标签

在这里插入图片描述
跳转到页面指定位置时要用 name属性与#搭配使用

1.10表格标签

在这里插入图片描述
在这里插入图片描述

可设置长宽等属性
普通表格:tr行,td列
列标签:th

二、表单标签form
2.1常用属性
在这里插入图片描述
action:提交地址
metohd
enctype
2.2input元素

根据不同type值有不同状态
在这里插入图片描述
在这里插入图片描述
每个input可以设置value值显示文字
单选框 需要在name=“sexy”才能显示出单选功能

2.3select元素

在这里插入图片描述
2.4textarea元素

多行文本框: <textarea cols="列“ rows="行”>

三、框架标签

框架结构标签frameset在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值