这是我参与「第四届青训营 」笔记创作活动的的第1天
我所报名的是字节跳动青训营前端基础班,我是一名即将升入大三的民办院校学生...比较菜,来青训营前对前端没有什么基础,只能从头开始学习 0-0 在 22号开入营班会的时候,一共讲了三个项目...这三个项目对我来说压力好大,前两个都不知道从何做起,第三个也有不小的难点,心想,我就认真学习吧,加入队伍不划水,认真配合就好了 第一天我预习的 html 标签
a标签
超链接标签,属性有 href,target,download,rel=noopener 作用: 点击 a 标签会进行跳转链接,或者新生成一个链接页面,或者跳转到内部锚点,邮箱电话也可以
就好比上面的跳转,点击即可进入掘金官网
table标签
table 表格,用来创建表格
相关的标签有:table thead tbody tfoot tr td th
相关的样式有: table-layout
auto 表格和单元格的宽度由包含的内容来决定 fixed 单元格内容所在行不会影响行宽
border-collapse
用来合并单元格
border-spacing
表格之间的间隙的值
img标签
作用为 发出一个 get 请求用来展示一张图片
属性有 alt height src width
事件:
onload 为加载成功/onerror 为加载失败
img 为响应式 max-width100%
可替换元素
form 标签
用来设置表单
作用:发出 get 或post 请求,然后刷新页面
属性:
action 请求哪个页面 autocomplete 用来自动填充 method 方法 target提交哪个页面
事件
onsubmit
input 标签
输入框,让用户输入内容,属性有 type,name 例如:
button checkbox email file hidden number password radio search sbumit tel text
其他 name : autofocus checked disable maxlength pattern value placeholder
事件:
由 onchange 改变,onfocus 用户聚焦,onblur 鼠标移开 验证器是 html5 新增的功能
input 和 button 有什么区别呢?
<input type="submit" value="提交"> <button type="submit"><strong>提交</strong></button>
button 里面可以在放标签,但是 input 里面放不了标签,只能提交或者其他点击事件. 就这些啦,第一天加油加油加油!!!
