【前端养成系列01】HTML笔记1.0

HTML

    写在前面:此文章为笔者小白学习前端html的笔记,仅为记录学习和提示自己使用,可能没什么叙事逻辑,对他人参考意义有限(大家挑着看),但内容绝对保证都是干货。
                    这些内容自然是不全的,因为这只是我第一次按照前端学习路径初学html的记录,后期一定会再次学习并且完善这份笔记,成为2.0版本。届时会考虑写成友善的教程文档形式供大家参考,敬请期待。

基本标签(查文档)

​ 其他各个标签自行去w3school搜索帮助文档。

​ < hr > 水平横线

​ < pre > 保留格式

​ &nbsp;为一个空格

​ &lt;为小于

​ &gt;为大于

​ …

表格

​ · < table >、< tr >、< td >、< th >(居中加粗)、< thead >、< tbody >、< tfoot >

​ · 加入align="center"可使表格内容居中

​ · 单元格合并:找到需要合并的单元格并删去一定数量(row合并留上面的,col无要求),在剩余单元格上添加属性rowspan/colspan=“n(需要合并的数量)”

背景

​ bgcolor:背景颜色

​ background:背景图片(重叠的)

图片

​ 图片是浮在网页上的,而背景图片是贴在网页上的。

​ title=“显示输入鼠标悬停时想要显示的内容”

​ alt=“显示图片加载不出来时的内容”

超链接

​ target=“_blank”:新开页面

​ _blank/ _self/ _top/ _parent

列表

​ 1.无序列表

​ < ul >下辖< li >,type=“选择你想要的样式”

​ 2.有序列表

​ < ol >下辖< li >

表单

功能约等于可以收集数据的超链接

​ 1. action=“(输入提交的url)”

​ 2. < input type=“submit” > 表示这是一个具有提交表单功能的按钮

其中,name=“”是必要的,value=“”对于输入的内容可以不需要(因为用户输入的内容就是实时更新的value值)。提交后在网页上显示为形如“?username=jack22&userpwd=213”的字样

示例代码
效果展示
3.各种控件:

​ type=“file”(input型)

​ type=“textarea”(input型)

​ type=“radio” (input型) checked表示已选中

​ maxlength=“n” 最大输入长度

​ select下辖option表示下拉列表 selected表示已选中 multiple=“multiple”表示多选

​ 4. method

​ 默认为get不加密

​ post为加密

​ 5. hidden

​ 网页看不到,但提交时数据也提交给服务器

​ 6. readonly和disabled

​ 相同点:都是只读

​ 不同点:readonly可以提交,disabled不能提交

id属性

​ id是身份证号,有唯一性

div和span

​ div独占一行,span不会

常用标签

​ placeholder:浮于输入框上方的虚拟文字

​ autocomplete:自动提示填充(=“on”)

​ autofocus:自动获得焦点

​ datalist:下拉列表

​ enctype :规定在发送到服务器之前应该如何对表单数据进行编码。



​ label:为 input 元素定义标注,< label > 标签的 for 属性应当与相关元素的 id 属性相同。

​ list-datalist-option:   input="text"里的一种类型,网页中显示为下拉选项。list的值和datalist的value需要相等。


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值