<!-- 告诉浏览器，请以HTML5的格式来解析当前文件 -->
<!DOCTYPE html>
<!-- 该标签用于存放html的所有内容 -->
<html>
<!-- head标签当中的内容通常不会再浏览器显示，多用于存放描述当前网站的关键字、描述、修饰等内容 -->
<head>
</head>
<!-- body标签当中的内容，通常会在浏览器中显示，我们所看的任何网站只要显示的内容，都是在body当中的 -->
<body>
</body>
</html>
<!-- 在html当中任何被大于号和小于号括起来的内容，都会被浏览器认为是html标签，因此不会显示 -->
<!-- <haha>可以随便自定义</haha> --><!DOCTYPE html>
<html>
<head>
<title>超链接标签：a</title>
<meta charset="utf-8"/>
</head>
<body>
<h1>超链接标签a</h1>
<!--
超链接标签：a
属性名： 属性值：
href a连接跳转的指定地址
相对路径：
. 当前目录
.. 上级目录
绝对路径：
有问题
file:///D:\lesson01_LAMP\1.html
Linux的根目录：/
-->
<!-- <a href="../lesson01_LAMP/1.html">老婆不在家时玩的游戏！</a> -->
<a href="file:///G:\lesson01_LAMP\1.html">老婆不在家时玩的游戏！</a>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>HTML当中的多媒体标签</title>
<meta charset="utf-8"/>
</head>
<body>
<h1>多媒体标签：img</h1>
<!--
img标签
属性名 属性值
src 图片的地址、路径(相对和绝对)
width 图片的宽度(单位：像素) 100px 1366px px=pixel
height 图片的高度(单位：像素)注意：不推荐宽高同时设置
alt 图片加载失败时提示的信息
title 鼠标移入弹出信息
-->
<img src="./images4/2.jpg" width="500px" height="500px" title="范冰冰"/>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>HTML当中的表单</title>
<meta charset="utf-8" />
</head>
<body>
<h1>哈哈，我要你的数据</h1>
<!--
*form表单标签(必须背过)：
属性名： 属性值：
*action 表单提交的地址(相对/绝对)
*method 表单提交的方法(GET/POST)
网页之间数据传递的方式：
GET(显式传值)
1.传递的数据会在URL地址呈现
2.传递长度受限
3.相对不安全
POST(隐式传值)
1.传递的数据不会显示
2.传递长度不受限
3.相对安全
*input表单项
属性名： 属性值：
*type text 文本框(默认)
password 密码框
radio 单选框(注意：name属性需要一致；value值必写)
checkbox 多选框(注意：name属性后需要加[]；value值必写)
*name 名称 表单该项的名称(我们需要通过名称获取相应值)
*value 值 表单该项的值(给定就是默认值)
*checked 默认被选中的（常用于单选和多选）
*submit 提交按钮
*reset 重置按钮
size 文本框尺寸
placeholder 文本框提示信息
disabled 文本框禁用
readonly 文本框只读
maxlength 文本框最大输入长度设置
select下拉菜单(注意：需要配合option使用)
属性名： 属性值：
*name 下拉菜单的名称
option下拉项
属性名： 属性值
*value 下拉项的值
*selected 默认被挑选出来的
textarea 文本域
属性名： 属性值：
*name 文本域的名称
*rows 文本域的行数(宽)
*cols 文本域的列数(高)
*注意：textarea的默认值是需要写到两个textarea标签中间的，而不是value属性中
-->
<form action="feige.php" method="get">
账号：<input type="text" name="number" value=""/><br/><br/>
密码：<input type="password" name="pass" value="" /><br/><br/>
性别：<input type="radio" name="sex" value="men"/> 男
<input type="radio" name="sex" value="women" /> 女
<input type="radio" name="sex" value="yao" checked /> 妖<br/><br/>
爱好：<input type="checkbox" name="hobby[]" value="game" /> 游戏
<input type="checkbox" name="hobby[]" value="sports" checked /> 运动
<input type="checkbox" name="hobby[]" value="sleep" /> 睡觉
<input type="checkbox" name="hobby[]" value="eat" checked /> 吃饭
<input type="checkbox" name="hobby[]" value="travel" /> 旅行
<input type="checkbox" name="hobby[]" value="xijiao" checked /> 洗脚<br/><br/>
地址：<select name="address">
<option value="0">请选择</option>
<option value="bj" selected >北京</option>
<option value="tj">天津</option>
<option value="sh">上海</option>
<option value="cq">重庆</option>
</select><br/><br/>
简介：<textarea name="jianjie" rows="5" cols="30"></textarea> <br/><br/>
<input type="submit" value="注册"/>
<input type="reset" value="刷新"/>
</form>
</body>
</html> <!DOCTYPE html>
<html>
<head>
<title>布局标签 div、span</title>
<meta charset="utf-8"/>
<style>
div{
width:300px;
height:300px;
border:1px solid red;
}
span{
border:1px solid blue;
}
h1{
border:1px solid green;
}
p{
border:1px solid pink;
}
</style>
</head>
<body>
<h1>布局标签</h1>
<!--
div盒子标签：
1.是一个块级元素/块级标签
2.块级元素会占据整行内容
-->
<div>
<h3>今天周二</h3>
<p>
今天是个下雨天，天气好凉爽！
</p>
<span>今天心情不错！</span>
</div>
<!--
span行内元素：
1.是一个行内元素
2.一行可以有多个
3.行内元素是不能添加宽高等样式的！
-->
<span>我是一个行内元素</span>
</body>
</html>提示
该代码示例需要一个表单页面 form.html,可以根据上一篇配合
<!DOCTYPE html>
<html>
<head>
<title>iframe行内框架</title>
<meta charset="utf-8" />
</head>
<body>
<h1>iframe行内框架</h1>
<!--
iframe行内框架
属性名： 属性值：
src 引入某个文件
width 调整框架的宽度
height 调整框架的高度
frameborder 调整框架的边框
name 给框架一个名称
-->
<a href="http://www.baidu.com" target="window">百度</a>
<a href="http://www.jd.com" target="window">京东</a>
<a href="http://www.taobao.com" target="window">淘宝</a>
<a href="http://www.sina.com.cn" target="window">新浪</a>
<iframe src="form.html" width="600" height="500" name="window"></iframe>
</body>
</html>提示
现在基本已经弃用了,仅仅了解即可.
<!DOCTYPE html>
<html>
<head>
<title>分针框架</title>
<meta charset="utf-8" />
</head>
<!--
frameset分针框架(不能写入body中)
属性名： 属性值：
rows 横向切分，单位是像素或*(所有)
cols 纵向切分，单位是像素或*(所有)
frame 引入框架文件
属性名： 属性值：
src 引入文件的名称
有几个窗口就有几个 frame 点击要打开的页面 target="名称" frame 加载 添加 name="名称" (定义名称)
-->
<frameset rows="120,*">
<!--引入了一个top文件-->
<frame src="./top.html" />
<!--纵向切分-->
<frameset cols="180,*">
<!--引入左侧left文件-->
<frame src="left.html" />
<!--引入右侧right文件-->
<frame src="right.html" name="right" />
</frameset>
</frameset>
</html>