从0蛋学前端
前端学习笔记
天才小叮当
一个人要像一支队伍
展开
-
HTML的表单input
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>28-表单标签</title></head><body><!--1.什么是表单?表单就是专门用来收集用户信息的2.什么是表单元素?2.1什么是元素?在HTML中 标签/标记/元素都是指HTML中的标签例如: <a> a标.原创 2020-09-17 15:07:54 · 305 阅读 · 0 评论 -
HTML表格的结构和其它标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>24-表格标签的其它标签</title></head><body><!--1.由于表格中存储的数据比较复杂, 为了方便管理和阅读以及提升语义, 我们可以对表格中存储的数据进行分类表格中存储的数据可以分为4类1.1表格的标题1.2.表格的.原创 2020-09-17 11:29:48 · 212 阅读 · 0 评论 -
HTML细线表格的实现方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>23-细线表格</title></head><body><!--在表格标签中想通过指定外边距为0来实现细线表格是不靠谱的, 其实它是将2条线合并为了一条线, 所以看上去很不舒服细线表格的制作方式:1.给table标签设置bgcolor.原创 2020-09-16 16:02:56 · 1178 阅读 · 0 评论 -
HTML表格标签table的属性注意点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>22-表格标签的属性</title></head><body><!--1.宽度和高度的属性可以给table标签和td标签使用1.1表格的宽度和高度默认是按照内容的尺寸来调整的, 也可以通过给table标签设置width/height属性的方.原创 2020-09-16 15:55:04 · 469 阅读 · 0 评论 -
HTML表格标签table的基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-表格标签基本使用</title></head><body><!--其实在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表1.什么是表格标签?表格标签作用: 用来给一堆数据添加.原创 2020-09-16 15:30:04 · 785 阅读 · 0 评论 -
HTML的定义列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>19-定义列表</title></head><body><!--1.定义列表的作用:1.1给一堆数据添加列表语义1.2先通过dt标签定义列表中的所有标题, 然后再通过dd标签给每个标题添加描述信息2.定义列表的格式:<dl>.原创 2020-09-16 11:22:21 · 5262 阅读 · 0 评论 -
HTML的无序列表(有序列表类似)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>14-无序列表</title> <style type="text/css"> ul { list-style: none; } li { float: left;.原创 2020-09-16 11:21:03 · 639 阅读 · 0 评论 -
HTML 的描点说明
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>13-锚点</title></head><body><!--1.要想通过a标签跳转到指定的位置, 那么必须告诉a标签一个独一无二的身份证号码, 这样a标签才能在当前界面中找到需要跳转到的目标位置2.如果和HTML中的标签绑定一个独一无二的身...原创 2020-09-15 16:53:53 · 585 阅读 · 0 评论 -
HTML 的假链接说明
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>12-假链接</title></head><body><!--1.什么是假链接?就是点击之后不会跳转的链接我们称之为假链接2.假链接存在的意义:在企业开发前期, 其它界面都没有写出来, 那么我们就不知道应该跳转到什么地方, 所以就只能使.原创 2020-09-15 16:52:26 · 837 阅读 · 0 评论 -
HTML 的a标签说明
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>10-a标签基本使用</title></head><body><!--什么是a标签?a标签的作用: 就是用于控制页面与页面之间跳转的a标签的格式: <a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a.原创 2020-09-15 15:14:34 · 877 阅读 · 0 评论 -
HTML 的路径问题说明
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>路径问题</title></head><body><!--路径问题其实想给src属性赋值有两种方式1.通过相对路径赋值(掌握)相对路径就是每次都从.html文件所在的文件夹开始查找, 我们称之为相对路径1.1同级同级就是"图片"和.原创 2020-09-15 15:05:59 · 467 阅读 · 0 评论 -
HTML 的br标签说明
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>br标签</title></head><body><!--br标签, 如何在HTML中换行? 可以使用br标签1. br标签作用: 换行2. br标签格式: <br>3. br标签的注意点:3.1多个br标签可以连续使用, .原创 2020-09-15 14:59:05 · 1909 阅读 · 0 评论 -
HTML 的img标签说明
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>img标签</title></head><body><!--1.img标签中的img其实是英文image的缩写所以img标签的作用, 就是告诉浏览器我们需要显示一张图片2.img标签格式: <img src="">其实img.原创 2020-09-15 14:57:44 · 950 阅读 · 0 评论