<!DOCTYPE html> <!-- 声明标签，网页采用html第五代语言 -->
<html> <!-- 储存网页内容 -->
<head> <!-- 头部标签 -->
<meta charset="utf-8"><!-- 设置编码格式防止网页出现乱码情况 -->
<title><!-- 命名网页名称 -->
练习网页
</title>
</head>
<body><!-- 网页内部内容 -->
<!-- 标题标签 h1-h6 特点：独立成行，文字加粗，大小不可变-->
<h1>我是一级标题</h1>
<!-- 段落标签 特点：独立成行，字号大小可变-->
<p>我是段落</p>
<!-- 超链接标签 href内写要跳转到网页的网址 target="_blank":保持原网页不动，打开新的网页 -->
<a href="" target="_blank">网址名称</a>
<!--绝对路径-->
<!--从网络地址开始（基本用于外部链接）-->
<!--根路径-->
<!--从站点开始（经常用于配置文件里——在node配置里用./代表根名称）-->
<!-- 相对路径 （一般用于站点内部链接）-->
<!-- 如果两个文件在同一级文件夹里，直接打文件名称 -->
<!-- 如果更改网页文件路径，必须在编辑器重新打开文件 -->
<!-- 如果在其同级的文件夹里，先找到文件夹，然后找到文件 -->
<!--target:四个保留的目标名称用作特定的文档重定向操作
_blank:在新窗口打开文件
_self:默认样式，在相同窗口打开被链接的页面
_parent:在父级框架集中打开被链接文件
_top:在整个窗口中打开被链接文档
framename:在指定框架中打开被链接文档
-->
<!--链接类型：
内部链接：
外部链接：
下载：<a heaf="(下载内容地址)">下载</a>
电子邮件链接:<a herf="mailto:E-mail地址？subject=邮件主题[&参数=参数值">链接内容</a>
例子<a href="mailto:123456789@qq.com?subject=74测试&body=hhhhhhhhhhhhh">发邮件给我</a>
subject 主题
cc 抄送
bcc 暗送
body 内容-->
<a href="文件夹名称/文件名称"></a>
<!-- 如果在其上一级文件夹里，先返回上一级../ 然后打对应的文件名称 -->
<a href="../文件名称"></a>
<!-- 图片标签 -->
<!-- src:图片的来源路径。必备属性
title：鼠标放到图片上时，提示的文字。必备属性
alt:当图片路径出错时，提示的文字。必备属性
width:宽度，height：高度-->
<img src="" alt="" title="" width="" height="">
<embed src="路径文件名" loop="true|false" autostart="true|false" width="width" height="height" type="media-type" pluginspage="plugin"><!--添加背景音乐-->
例子：<embed src="img/dd.html" width="300px" height="300px" autostart="true">
<!-- 点击百度logo图跳转到百度 -->
<a href="https://www.baidu.com/"><img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" ></a>
<!-- 表单元素
action服务器地址，将表单中的数据提交给那个服务器
method通过什么方式提交到服务器 post get-->
<form action="" method="">
<p>
<!-- 文本框
type,文本框的类型text
valye,文本框中的显示文字-->
<!-- label：使文本框前面的文字与文本框关联起来
for1：所关联文本框的id名称-->
<l、0bel for="user">邮箱帐号：</label>
<input type="text" name="" id="user" value="请输入用户名" />
</p>
<p>
<!-- 密码框
type:密码框类型password-->
<label for="mima">密码：</label>
<input type="password" name="" id="mima" value="" />
</p>
<p>
<!-- 单选框
type:单选框类型radio
name：同一组单选框的name属性必须相同-->
<input type="radio" name="a" id="z" value="" />
<label for="z">男</label>
<input type="radio" name="a" id="s" value="" />
<label for="s">女</label>
</p>
<p> <!-- 复选框
type:checkbox
checked:默认选中-->
复选框
<input type="checkbox" name="" id="" value="" />篮球
<input type="checkbox" name="" id="" value="" />羽毛球
<input type="checkbox" name="" id="" value="" />乒乓球
</p>
<p>
<!-- 提交按钮 通过metohd中的方式提交给服务器-->
<input type="submit" name="" id="" value="提交" />
<!-- 注册按钮 -->
<input type="submit" name="" id="" value="注册" />
<!-- 重置按钮 还原默认状态 -->
<input type="reset" name="" id="" value="重置" />
<!-- 自定义按钮 没有任何功能，需要通过后期js添加-->
<input type="button" name="" id="" value="计算" />
</p>
<p>
<!-- 下拉列表 option为下拉项-->
<select>
<option value =""></option>
</select>
</p>
<p>
<!-- 文本域
cols当前的列数
rows行数-->
<textarea rows="10" cols="10"></textarea>
</p>
</form>
<ul type=""><!--无序列表--><!--type中设置项目符号可以为：square：实心方块；disc：实心圆点；circle：空心圆点；type也可在li中单独设置-->
<li>1</li>
<li>2</li>
</ul>
<ol type`="" start=""><!--`有序列表--><!--type类型为1：阿拉伯数字；a：小写英文字母；A：大写英文字母；i：小写罗马数字；I：大写罗马数字-->
<!--start:开始数字，只能在ol中设置-->
<li>1</li>
<li>2</li>
</ol>
<dl><!--自定义标签-->
<dt>万维网</dt><!--标题-->
<dd>信息检索工具</dd><!--内容-->
<dd>有自己的标准语言和规范，并有自己的协议</dd>
<dt>URL</dt>
<dd>统一资源定位符</dd>
<dd>是由协议：//主机：端口号/路径</dd>
</dl>
块元素（独立成行、可以设置大小、宽度自适应其父级的宽度）：
h1~h6 p table tr ul li ol form div
行元素（不独立成行、不可设置大小、宽度取决于内部元素大小）:
a img td input label
</body>
</html>
