DOCTYPE和lang以及字符集
<!DOCTYPE html> 表示当前页面采用html5版本来显示网页
<!DOCTYPE > 不是一个html标签，是一个文档类型声明标签
lang语言种类
<html lang="en">表示页面是英文页面
<html lang="zh-ch">表示页面是中文页面
字符集
<meta charset="UTF-8">表示规定HTML文档应该使用那种字符编码
charset常用的值有：GB2312（简体），BIG5（繁体），GBK（简繁体），UTF-8（万国码），推荐使用万国码，其包含了全世界所有国家需要用到的字符，UTF-8要大写
HTML常用标签
① 标题标签
<h1>一级标题</h1>
② 段落标签
<p>段落</p>
③ 换行标签
<br />：强制换行；单标签
④ 文本格式化标签
⑤ div和span标签
相当于是一个盒子，没有语义的
<div>今日头条</div>
<span>抖音</span>
div标签：自己独占一行（大盒子）
span标签：一行可以放多个（小盒子）
⑥ 图像标签和路径（重点）
<img src="图像url">
<img src="78.png" alt="找不到图片" title="提示文本" width="500" height="300" border="12" />
相对路径：/
绝对路径：\
⑦ 超链接标签
<a href="http://www.baidu.com" target="_blank">百度</a> 外部链接
target属性的默认值是“_self”，在本窗口打开链接；“_blank”可以新打开一个窗口
href属性是外部链接时，要添加：“http://”
<a href="#" target="_blank">空链接</a> 空链接
<a href="img.zip" >下载文件</a> 下载链接
<a href="http://www.baidu.com"><img src="78.png" /></a> 图片链接
锚点链接
<a href="#bd">baidu</a>
<a id="bd">baidu</a>
⑧ 注释标签和特殊字符
<!-- 一个 代表一个空格 -->
你 好
⑨ 表格基本语法
<table align="center" border="2" cellpadding="40" cellspacing="0" wight="400">
<tr><th>姓名</th><th>性别</th><th>年龄</th><th>成绩</th></tr>
<tr><td>刘德华</td><td>女</td><td>2</td><td>23</td></tr>
</table>
相关标签：
tr：行标签
td：单元格标签
th：表头单元格标签
其中：为了使表格语义更清晰，使用thead和tbody
thead:用于定义表格的头部，其内部必须用于标签，一般位于第一行
tbody:用于定于表格的主题，主要用于放数据本体
相关属性：
合并单元格：
跨行合并：rowspan=“合并单元格个数”；最上侧为目标单元格
跨列合并：colspan=“合并单元格个数”；最左侧为目标单元格
1，首先确定是跨行还是跨列
2，找到目标单元格，写上合并方式
3，删除多余的单元格
⑩ 列表标签
**无序列表：**☆
<ul>
<li>臭豆腐</li>
<li>罐头</li>
<li>香菜</li>
</ul>
注意：ul标签里面只能有li标签，而li标签中可以放其他标签
有序列表：
<ol>
<li>刘德华 1000</li>
<li>刘邦 100</li>
<li>刘能 10</li>
</ol>
注意：ol标签里面只能有li标签，而li标签中可以放其他标签
自定义列表：常用语对术语名词进行解释和描述
<dl>
<dt>关注我们</dt>
<dd>新浪微博</dd>
<dd>官网微信</dd>
<dd>联系我们</dd>
</dl>
注意：dl里面只能包含dt和dd ，经常是一个dt对用多个dd
11，表单标签
表单：表单域、表单控件（表单元素）、提示信息
① 表单域
<form action="url地址" method="get" name="表单1">
各种表单控件
</form>
② 表单控件
1》input输入表单元素（单标签）
除了tpye属性之外还有以下属性：
<form action="xxx.php" method="get">
<!-- text文本可以输入任何文字 -->
用户名：<input type="text" name="username" value="请输入名字" maxlength="3" /> <br>
<!-- password 密码框，隐藏密码 -->
密码：<input type="password" name="pswd" /> <br>
<!-- redio 单选按钮，可以实现多选一 -->
<!-- name 是表单元素名字，这里的性别按钮的名字必须一样时，才可以实现多选一 -->
<!-- 单选按钮和复选框可以设置checked属性，当页面打开的时候默认是选中的这个按钮 -->
性别：男 <input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" checked="checked" value="女"><br>
<!-- checkbox 是一个复选框，可以选择多个 -->
爱好：吃饭 <input type="checkbox" name="aihao" value="吃饭">上班<input type="checkbox" name="aihao" value="上班"> 玩游戏<input type="checkbox" name="aihao" value="玩游戏">
<br>
<!-- 点击提交按钮，就可以把表单域里面的内容提交给后台 -->
<input type="submit" value="注册">
<!-- 充值按钮可以还原表单初始的默认装填 -->
<input type="reset" value="重新填写">
<!-- 普通button按钮,后期搭配js使用 -->
<input type="button" value="获取手机验证码">
<!-- 上传文件使用的 -->
上传头像：<input type="file">
</form>
注意：name和value是每个表单元素都要有的属性值，是给后端开发人员使用的，对应“键：值”
name是表单元素名字，要求单选框和复选框都要有相同的name值
：用于绑定一个表单元素，当点击**
<label for="nm">用户名：</label>
<input type="text" name="username" id="nm">
2》select下拉表单元素
大学：
<select>
<option >北京大学</option>
<option selected = "selected">东京大学</option>
<option>南京大学</option>
<option>西京大学</option>
</select>
注意：
① select 中至少包含一对 opton
② 在option中定义selected = "selected"时，当前项即为默认选项。
3》textarea表单元素
<form>
个人简介：
<textarea rows="10" cols="70">请输入内容</textarea>
</form>
877
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
