html笔记
2018-11-19 本文已影响7人
Lxyang
p标签: 段落标签
br标签: 简单换行
h1-h6: 标题标签
hr标签: 水平分割线, 华丽的分割线
font标签: color属性改变颜色 , size
b标签: 加粗
i标签: 斜体
strong标签: 带语义的加粗
em标签: 斜体标签,带语义
img标签: 图片标签 显示图片
- src: 指定图片路径(相对路径)
- width: 宽度
- height: 高度
- alt: 图片加载失败时的提示
相对路径:
- ./ 代表当前路径
- ../ 代表的是上一级路径
- ../../ 代表的是上上一级路径
ul标签: 无序列表
ol标签: 有序列表
li标签: 列表项
a标签: 超链接标签:
- target: 打开方式
- href: 指定要跳转的链接地址
table标签: table > tr > td
- tr标签: 行
- td标签: 列
- 合并行: rowspan 跨行合并
- 合并列: colspan 跨列合并
网站注册案例:
- form 标签: 表单标签,主要是用来向服务器提交数据
- method: 提交方式 get post
- action : 提交的路径
- input 标签:
- type:
- password: 密码框
- text : 文本
- submit: 提交
- button: 普通的按钮
- reset: 重置按钮
- radio: 单选按钮 设置name属性让它们是一组
- checkbox: 复选按钮
- email:
- date:
- tel:
- type:
- input 标签:
frameset : 框架标签
- rows:按行划分页面
- cols:按列划分页面
frameset使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>服务器后台管理页</title>
</head>
<!--
frameset 不需要body
cols：按列划分页面
rows：按行划分页面
-->
<frameset width="100%" height="100%" rows="15%,*">
<frame src="nav.html">
<frameset cols="10%,*">
<frame src="mark.html">
<frame src="content.html" name="contentMark"> <!-- 这里命名为contentMark，那么可在标签栏中设置target=“contentMark”指定在此页面打开 -->
</frameset>
</frameset>
</html>
mark页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul type="none">
<li>
<a href="index.html" target="contentMark">首页</a>
</li>
<li>
<a href="login.html" target="contentMark">登录页</a>
</li>
</ul>
</body>
</html>
