笔者也不知道自己为什么要学这个,要不是为了写个作业谁不更愿意看论文呢,不过既然看了还是记录一下,反正也是随便记的,好歹也算看了,网课来自B站PINK老师。
Vscode插件:chinese,opnein browser,auto rename tag,
安装后需要重启
文档类型声明标签
Lang语言种类lang=zh-CN
字符集,meta charset = utf-8 万国码
标题标签:
-
段落标签:
换行标签:
单标签
文本格式化标签“
加粗:;
倾斜: 双
删除线:
下划线:
盒子,没有语义,可以用于布局
:大盒子,一个独占一行
:小盒子,跨距
图像标签: 单标签,这里必须。属性之间不分顺序,但是必须有空格
Src 是图像的必须属性,指向图像文件名
Alt 替换文本,如果图像显示不出来时显示文字
Title 提示文本,鼠标放到图像上提示的文字
Width 给图像设定宽度大小,像素
Height 设定图像高度;宽度和高度一般设定一个,另外一个等比例会变化
Border 给图片加边框,一般通过CSS来设定
目录文件夹,可以将网站相关的文件放进去。
根目录,进入目录文件夹就是根目录
同一级路径:直接加就可以
下一级路径:/
上一级路径:../返回到上一级再写图片
绝对路径:\
超链接标签 anchor
文本或图像
Fref用于制定链接目标的url地址
Target链接的打开方式:_self(默认),_blank(新的浏览器)
外部链接 需要加http://
内部链接不需要加,需要在同一个目录
空链接href=”#”
下载文件 href等于
网页元素链接
瞄点链接:点击链接可以快速定位页面中的某个位置
Html中的注释标签
特殊字符:空格
>: <
表格基本语法&#xff1a;
一行有几个单元格 表头单元格 | 文字会被压缩和居中 表格属性&#xff1a; Align :left\center\right决定表格的对齐方式&#xff0c;要写到table里面 Border:1,就是有边框 Cellpadding像素值&#xff0c;单元格文字内容和边框之间的距离 Cellspacing 像素值&#xff0c;单元格和单元格之间的距离 Width/height 表格头部区域 |
---|
表格主体区域
合并单元格&#xff1a;
跨行合并&#xff1a;rowspan&#61;“合并单元格数量”
跨列合并&#xff1a;rolspan&#61;“合并单元格数量”
目标单元格&#xff1a;跨行是上侧&#xff0c;跨列是左侧
要删除多余的单元格
列表标签&#xff1a;整齐、整洁无序
无序列表&#xff1a;前面默认有个小黑圆点
- 中间只能放li标签&#xff0c;但是可以放到li标签里
- 1
- 1
- 1
有序列表&#xff1a;列表中有一定顺序
- 1
- 1
- 1
自定义列表&#xff1a;下面的选项围绕上面进行说明
名词1- 解释1
- 解释2
表单标签&#xff1a;用来收集客户信息
组成&#xff1a;表单域、表单控件(表单元素)、提示信息
表单域
表单元素&#xff1a;
Input输入表单元素&#xff1a; 单标签&#xff1b;
type属性包括text/password/radio(单选按钮)/checkbox(复选框)
name属性&#xff1a;定义input元素的名称&#xff0c;后台使用&#xff1b;单选框和复选框name值需要一样
value属性&#xff1a;可以把这个值输到后台&#xff0c;后台使用
checked属性&#xff1a;首次加载就出现的元素
maxlength属性&#xff1a;最大输入长度
submit属性&#xff1a;提交按钮
reset属性&#xff1a;重置按钮
button属性&#xff1a;普通按钮&#xff0c;可以开始某种动作&#xff0c;后期结合js使用
file属性&#xff1a;上传文件按钮
label标签&#xff1a;用于绑定一个表单元素&#xff0c;当点击标签内的本文时&#xff0c;自动对焦&#xff0c;增加用户体验。
用户名&#xff1a;
Select下拉表单元素
山东
河南
北京 (默认选择北京)
Textarea文本域表单元素&#xff1a;当输入内容较多时
中间可以加默认输入