html基础知识

最新推荐文章于 2024-09-14 08:09:14 发布

别胡闹！471

最新推荐文章于 2024-09-14 08:09:14 发布

阅读量155

点赞数 1

文章标签： html html5

本文链接：https://blog.csdn.net/Aaaaaxu_/article/details/117228222

版权

1.<html>
<head>
<title></title>
<head>
<body></body>
</html>

2.<br><br/>换行单标签
3.<p></p>段落标签
4.h1~h6 加粗独占一行从h1到h6逐渐减小
5. 加粗，不换行 strong b
斜体，不换行 em i
下划线不换行 u ins
删除线不换行 s del
font 通过属性对文本进行操作
属性： size 控制字体大小 color 控制字体颜色
6.连接
<a href="想要跳转的连接">描述性内容</a>
空的网址href后面的属性值为#
属性 target 设置打开的界面 _blank 从新的界面打开 _self 从自身界面打开
7. 图片标签
<img src="图片路径">
alt 图片走丢
title 悬停时鼠标标题
border 只能边框的宽度（做属性时）
8.锚点定位：<a href=” 定位到的id值”>内容</a>
<p id="id值【与href值对应】"></p>
9.<hr> 单标签分割线 color 设置颜色
10.<center></center>
11.空格
1.&nbsp；代表一个空格的距离不加；也能实现
2.&emsp；代表一个中文字体的大小不加；不能实现
3.&ensp：代表一个英文字母的大小不加；不能实现
13. base标签
a.超链接或者网络图片的前缀【一些网站会访问同一个前缀下的很多网址，使用base标签会少写代码】
语法：<base href="前缀网址">
b.跳转之后新页面的打开方式【少写代码】
语法：<base target="打开方式">
14Table 表格的知识
1.table中添加的属性：
cellspacing:去掉单元格与单元格之间的空隙
bgcolor:【不要写成backgroundcolor】背景颜色
border:边框
width/height:宽度/高度
align:对齐方式 right/center/left 右/中/左

2.tr【width不能用】
属性：
height 高度
align 字体的位置
bgcolor 背景颜色
tr与table，tr优先执行
3.td 代表单元格
属性：
bgcolor：背景颜色
width/height：宽度/高度
4.rowspan 跨行成列
colspan：跨列成行删除的是同一个tr里面的td
5.th 加粗居中
6.caption 表格上方的题目，例如：课程表，成绩表
form表单 <input type=””>
属性
1.文本框 <input type=”text”>
2.密码 <input type=”password”>
3.单选 <input type=”radio“ name=”“>注意name属性值必须一致才有互斥的效果
4.复选 <input type=”checkbox”>爱好
5.年月日 <input type=”date”> 这是h5新增的特性
6.年月 <input type=”month“>这是h5新增的特性
7.年月<input type=”week”>这是h5新增的特性
8.颜色<input type=”color“>这是h5新增的特性
9.按钮:<input type="button" value="按钮">
10.提交按钮:<input type="submit" value="提交">提交页面的内容
11. 重置按钮:<input type="reset" value="重置">
12. 图片按钮:<input type="image" src="图片的路径">
13. 文件域:<input type="file">
14. 文本域:<textarea></textarea> placeholder起到提示性作用 cols每一行中显示的字符数 rows显示的行数
15.下拉列表:<select ><option>选项</option></select >
16.网址 <input type="url">这是h5新增的特性
17.邮箱 <input type="email">这是h5新增的特性
18.数字 <input type="number">这是h5新增的特性
19.滑动 <input type="range">这是h5新增的特性
20.搜索框 <input type="search">这是h5新增的特性局部清空
21. datetime 新增特性
在input里加入的属性
1.placeholder="请输入学生的名字" 灰色的字输入后消失
2.autofocus 页面加载时， input自动获取焦点
3.multiple 选择多个文件
4.accesskey 使用alt加字幕可以获取焦点
5.required 不能为空