笔记来自(B站前端pink老师教程)

1 图像标签

img

图像标签的其他属性:

属性 属性值说明src图片路径必须属性alt文本替换文本,图像不能显示的文字title文本提示文本 鼠标放在图像上,显示的文字width     像素设置图像的宽度height像素设置图像的高度border像素设置图像的边框粗细

2 外部链接

a标签的属性:target 打开窗口的方式

1、_blank      新窗口打开页面

2、_self        当前窗口打开页面(默认)

3 超链接标签(重点)

1、下载连接:如果href里面地址是一个文件或者压缩包,会下载这个文件。

2、网页元素标签:在网页中的各种王亚元素,如文本、图像、表格、音频、视频等都可以添加超链接

4 锚点定位

锚点链接:点我们点击链接,可以快速定位到页面中的某个位置

        在链接文本的href属性中,设置属性值为#名字的形式,如第2集

        找到目标位置标签,里面添加一个id属性 = 刚才的名字,如

第2集介绍

5 特殊字符

特殊字符                        描述字符的代码空格符 <小于号<>                大于号>&和号&¥人命币¥©版本    ©®注册商标®°摄氏度°±正负号±×        乘号×÷除号÷²平方2(上标2)²³立方3(上标3)³

6 表格标签

属性名      属性值描述alignleft、center、right规定表格相对周围元素的对齐方式border1 或 ""        规定表格单元是否拥有边框,默认为"",表示没有边框cellpadding像素值规定单元边沿与其内容之间的空白,默认1像素cellspacing像素值规定单元格之间的空白,默认2像素width像素值或百分比规定表格的宽度height像素值或百分比规定表格的高度

7 合并单元格三部曲

1、先确定跨行还是跨列

2、colspan 跨列    rowspan 跨行

3、删除多余的单元格

8 自定义列表(重点)

名词1

名词1解释1

名词1解释2

9 表单

9.1 表单域

属性属性值作用actionurl地址用于指定接受并处理表单数据的服务器程序的url地址methodget/post用于设置表单数据的提交方式,其取值为get或postname名称用于指定表单的名称,以区分同一页面中的多个表单域

9.2 表单元素

1、type的属性值:

属性值描述button定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)checkbox定义复选框file定义输入字段和“浏览”按钮,供文件上传hidden定义隐藏的输入字段image定义图像形式的提交按钮password定义密码字段。该字段中的字符被掩码radio定义单选按钮reset定义重置按钮,重置按钮会清除表单中所有数据submit定义提交按钮。提交按钮会把表单数据发送到服务器text定义单行的输入字段,用户可在其中输入文本,默认宽度为20个字符

2、input其他属性:

属性属性值描述name由用户自定义定义input元素的名称value由用户自定义规定input元素的值checkedchecked规定此input元素首次加载时应当被选中maxlength正整数规定输入字段中的字符的最大长度

3、注意:

(1)name是表单元素名字  这里性别单选按钮必须有相同的名字name 才可以实现多选1

(2)name 表单元素的名字,要求 单选按钮和复选框要有相同的name值

例如:

9.3

用于绑定一个表单元素,当点击

for的值要与id的值对应

9.4

9.5 textarea 文本标签

cols 表示列, rows表示行(用CSS控制,不用记)

10. HTML练习案例

10.1 注册案例

1、选择生日,用的是select表单元素

2、提交是:

11. 查文档

w3cschool:w3school 在线教程

MDN:MDN Web Docs

推荐链接

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: