HTML
写在前面:此文章为笔者小白学习前端html的笔记,仅为记录学习和提示自己使用,可能没什么叙事逻辑,对他人参考意义有限(大家挑着看),但内容绝对保证都是干货。
这些内容自然是不全的,因为这只是我第一次按照前端学习路径初学html的记录,后期一定会再次学习并且完善这份笔记,成为2.0版本。届时会考虑写成友善的教程文档形式供大家参考,敬请期待。
基本标签(查文档)
其他各个标签自行去w3school搜索帮助文档。
< hr > 水平横线
< pre > 保留格式
 ;为一个空格
<;为小于
>;为大于
…
表格
· < 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需要相等。