HTML(基础语法)（1）

标题标签
h1~h6双标签
h1一个网页只能用一次
其他可多次使用

段落标签
p

换行<br>            

水平线<hr>

文本格式化标签 
加粗 strong /b
倾斜 em/i
下划线 ins/u
删除线 del/s

图片标签
<img src="图片">
 src用于指定图片的位置和名称
./开头，有提示功能
 alt替换文本，图片无法显示时显示的文本
title提示文本，鼠标悬停显示的文本
width图片宽度
height图片高度
用空格隔开

相对路径
从当前文件位置出发
绝对路径
从盘符出发
. 当前文件所在文件夹
.. 当前文件上一级文件夹
/ 进入某个文件夹里面

超链接
<a href="地址">跳转到</a> 
<a href="地址" target="_blank"></a> 打开新窗口，不覆盖前网页

href属性值为#，表示空链接，不会跳转

音频标签
<audio src="音频"></audio>
<audio src="" controls  loop></audio>
control是controls="control"的简写，控制面板
loop循环播放
autoplay 自动播放

视频标签
<video src="视频"></video>
controls
loop
muted 静音播放
autoplay浏览器支持静音状态自动播放

列表
无序 列表
<ul>
    <li></li>

    <li></li>

    <li></li>
</ul>
有序列表
<ol>
    <li></li>
</ol>
定义列表
<dl>
    <dt>
        <dd></dd>
        <dd></dd>
    </dt>
</dl>

表格
table 表格
tr 行
th 表头单元格
td 内容单元格
<table> 
        <tr></tr>
</table>

thead 表格头部
tbody 表格主体
tbody 表格底部

合并单元格
跨行合并rowspan
跨列合并colspan

表单
登录页面
注册页面
搜索页面
input标签基本使用
type属性不同，功能不同
<input type="...">

type属性值
text 文本框
password 密码框
radio 单选项
checkbox 多选项
file 上传文件

提示文字：<input type="text">

input标签占位文本
placeholder框内灰色文字

单选项radio
name 控件名称
checked 默认选中

性别:
<input type="radio" name="gender">男
<input type="radio" name="gender"  checked>女

上传文件file 
上传多个文件
上传文件<input type="file" multiple>

多选框checkbox
默认选中 checked
<input type="checkbox">1
<input type="checkbox" checked>2
<input type="checkbox">3

下拉菜单
select嵌套option，select是下拉菜单正题，option是下拉·菜单的每一项
<select>
    <option>北京</option>
    <option>上海</option>
    <option>广州</option>
    <option selected>武汉</option>
</select>

selected 默认选项

文本域
多行输入文本的表单控件
<textarea>请输入评论</textarea>
右下角有拖拽功能，未来禁用

label标签
扩大表单控件的选择范围
<label></label>
写法一：
label标签只包裹内容，不包裹表单控件
设置label标签的for属性值和表单控件的id属性值相同
<input type="radio" id="man"> <label for="man">男</label>
方法二:
<label><input type="radio" name="gender">女<label>

按钮button
<button type="">按钮<button>
type属性值
submit 提交按钮
reset 重置按钮
button 普通按钮
 如果省略type属性，功能也是提交

form表单区域
action发送数据的地址
<form  action="">
    用户名:<input type="text">
    <br></br>    
    密码:<input type="password">
    <br></br>
    <button type="submit">提交<button>
    <button type="reset">重置<button>
    <button type="button">普通按钮<button>
</form>

无语义的布局标签
布局网页
div 独占一行
span 不换行
 
字符实体
 显示预留字符
&nbsp 空格
&lt <
&gt >

<h2>注册信息</h2>
<form action="">
    <label>姓名:</label><input type="text" placeholder="请输入真实姓名">
    <br></br>
    <label>密码:</label><input type="password" placeholder="请输入密码">
    <br></br>
    <label>确认密码:</label><input type="password" placeholder="请输入密码">
    <br></br>
    <label><input type="radio" name="gender">男</label>
    <label><input type="radio" name="gender"checked>女
</ label>
    <select>
            <option>北京</option>
            <option>上海</option>
            <option>广州</option>
    </select>
    <textarea></textarea>
    <br></br>
    <label type="checkbox">已阅读并同意以下协议：</label>
         <ul>
        <li><a href="#">《用户服务协议》</a></li>
        <li><a href="#">《隐私政策》</a></li>
    </ul>
    <br><br>
    <button>免费注册</button>
    <button type="reset">重新填写</button>
</form>