HTML查漏补缺（没收获你砍我）

最新推荐文章于 2024-10-04 12:59:34 发布

前端-小柯

最新推荐文章于 2024-10-04 12:59:34 发布

阅读量170

点赞数 1

分类专栏： HTML CSS 总结文章标签： html5 web css html

本文链接：https://blog.csdn.net/qq_45852690/article/details/108049947

版权

HTML 同时被 3 个专栏收录

3 篇文章 0 订阅

订阅专栏

CSS

3 篇文章 0 订阅

订阅专栏

总结

1 篇文章 0 订阅

订阅专栏

特殊字符

    在 HTML 页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替代。

特殊字符描述字符的代码

空格符  
< 小于号 <
大于号 >
& 和号 &
￥人民币 ¥
© 版权 ©
° 摄氏度 °
± 正负号 ±
× 乘号 ×
÷ 除号 ÷
² 平方(上标2) ²
³ 立方(上标3) ³

1、能不对有文字的块级元素设置宽高那就不要设置，不然可能会被文字撑开，从高处（也就是下方，宽度不变）撑开

2、锚点注意的是（要占满整个页面才有用，且除了a标签以外的标签最好用Id才可以）

在这里插入图片描述

3、iframe(内联框架)：有效地将另一个HTML页面嵌入到当前页面

4、table（表格）：在早期可以用来布局，现在只用来呈现数据

注意：table、tr、td标签到嵌套，严格来说这3者之间不允许出现非表格相关到的标签，所以网页的内容，只能写在td标签中。

table标签常用属性：
cellspacing（单元格间隙）、cellpadding（单元格边距）、border（边框）、width（宽）、height（高）

tr标签常用属性：
align、valign（注意不是vertical）

td标签常用属性：
align、valign、colspan、rowspan、
（height、width不赞成在标签内使用，就算在样式里面使用也要注意table标签的宽度和高度，要计算好距离）

table相关标签：
caption、th、thead、tbody、tfoot

th标签和tr标签，th标签中文本通常居中加粗，tr标签中文本普通左对齐。

5、form（表单）标签常用属性：

action（行动）：表单提交数据到后台服务器的地址
method（方法）：规定是用post还是用get来吧表单数据发送到action属性所规定的页面
enctpye：被提交数据的编码
name:表单的名称（在同一页面内不能重名）

legend标签和fieldset标签的配合使用：

fieldset（控件组）：主要是把表单框起来
legend：配合fieldset给表单写一个标题

<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
体重：<input type="text" />
</fieldset>

在这里插入图片描述

select标签和option标签配合使用：

select中的属性：name、id、size（显示多少个option标签），
mulitiple（滚动下拉框）

option标签会把值传递给select标签，提交表单的时候，提交的
是select标签的值

可以给option标签添加selected属性
（selected=“selected”），设置这个选项为默认值。

textarea标签（area：面积）：多行文本标签

属性：cols，rows，设置输入框的列数，设置输入框的行数。

几个特殊的标签属性：

readonly=“readonly”：只读，不可以写入和修改数据
read：阅读，only：唯一的

disabled=“disabled“：禁用属性，表示用户不可用此表单选项

required=“requied”：表示必填，不能为空值

input标签常用属性：

type、size、maxlength、placeholder(隐藏文字，常用在输入框中的提升文字)、autofocus（自动对焦）
type的属性值：

text（文本输入框）、password（密码输入框）、submit（表单提交按钮）、reset（表单重置按钮）
{radio（单选框）、checkbox（多选框）}：value属性对于单选框和多选框都是必须要有的
email（电子邮件）、url（输入的是url）、tel（输入电话号码）、color（颜色控件，可以选择不同的颜色）、{number（数字输入的控件）要用到max（输入的最大有效数字）、min（输入的最小有效数字）、step属性（控制数字的步长）}、hidden（隐藏表单）、file（上传文件表单）、image（图片表单）

label标签常和input标签一起使用：

label（标记），label标签的意义就是点击label标签中的文本就会触发input

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>