坚持就是胜利呀
VS code 打开浏览器： ALT + B
// 文档类型声明标签
<!DOCTYPE> //文档类型声明，高速浏览器使用哪一种
<!DOCTYPE html> //当前页面是html5来显示的网页
<html lang=zh-CN>//中文
<meta charset="UTF-8">//在<head>标签内通过<meta>标签charset属性规定html文档使用哪种字符编码
charset常用值：GB2312、B1G5、GBK、UTF-8（万国码）
一、html常用标签
标题标签
一个标题独占一行，加标题标签文字会变粗，字号依次变小，一级最大
<h1> 大<h1>
<h2> 大<h2>
<h3> 大<h3>
//段落标签
<p> </p>
//强制换行
<br/>
文本格式化标签
| 加粗 | <strong> </strong> | <b> </b> |
|---|---|---|
| 倾斜 | <em> </em> | <i> </i> |
| 删除线 | <del> </del> | <s> </s> |
| 下划线 | <ins> </ins> | <u> </u> |
盒子
division 布局
| div是一个大盒子独占一行 | span是 小盒子一行能放多个 |
|---|---|
<div> </div> | '<span> </span>' |
图像标签
<img src="图像url位置">//src是<img>的必须属性，用于指定图像文件的路径和文件名
| src | 必须属性 | 路径 |
|---|---|---|
| alt | 文本 | 图像不能显示时显示文本 |
| title | 文本 | 提示文本鼠标放在图像上 |
| width | 像素 | 设置宽度 |
| height | 像素 | 设置高度（width、height，一般设置一个，等比例缩放） |
| border | 像素 | 设置图像边框 |
注意：
1.图像标签可以有多个属性，但必须写在<img>后面
2.属性之间没有顺序，属性与属性用空格隔开
3.属性=“属性值”
路径
目录文件夹：普通文件夹存放了我们所需的相关素材
根目录：打开目录文件夹第一页就是根目录
超链接
<a href="指定链接目标的url地址" target="目标窗口弹出方式"> 文本或图像 </a>
//target="_self"默认方式 "_blank"在新窗口打开
| 链接类别 | 形式 |
|---|---|
| 外部 | http：//www… |
| 内部 | 直接名字 |
| 空 | href="#" |
| 下载链接 | 直接名字链接的是.zip.exe文件 |
| 图片到网页 | <a href="http:.."> <img src="img_jpg"></a> |
| 锚点链接 | 点完链接迅速定位 <a href="#two">第二集</a> <h6 id="two">第二集介绍</h6> |
注释标签 Ctrl + / <!--...-->
空格  ；
表格
<th> html的表头部分（table head）
表格属性
| align | left 、 center 、right | 对齐方式 |
|---|---|---|
| boder | 1或“ ” | 是否有边框 |
| cellpadding | 默认1 | 单元格边框与内容的空间 |
| cellspacing | 默认2 | 单元格间的空间 |
| width | 像素值或比分比 | 规定表格宽度 |
<table> 定义表格
<tr>定义行
<td>单元格内的文字</td>
</tr>
</table>
表格结构标签<thead> </thead> <tbody> </tbody>
合并单元格
| 跨行 | 最上侧单元格为目标单元格写合并代码 | <td rowspan="行数"> </td> |
|---|---|---|
跨列 | 最左侧单元格为目标单元格 | <td colspan="列数"> </td> |
列表标签
| 无序 | <ul> </ul> | <ul>里只能是<li> </li> |
|---|---|---|
| 有序 | <ol> </ol> | <ol>里只能是<li> </li> |
| 自定义 | 常用于对术语或名词进行解释 | <dl><dt>名词</dt><dd>解释</dd></dl> |
表单标签
完整的表单：
1.表单域
2.表单控件
3.提示信息
表单域：<form>会把它的表单元素信息提交给服务器
表单控件（表单元素）
| input | 输入表单元素 |
|---|---|
| select | 下拉表单元素 |
| textarea | 文本域元素 |
input属性 type="text"
| input属性 | 属性值及其描述 |
|---|---|
| text | 定义单行输入字段，用户可在其中输入文本，默认20字符 |
| button | 定义按钮 （可用于Javescript启动脚本） |
| checkbox | 定义复选框 |
| file | 定义输入字段和“浏览”按钮，供文件上传 |
| hidden | 定义隐藏输入字段 |
| image | 定义图像形式的提交按钮 |
| password | 定义密码字段，字符被掩码 |
| radio | 定义单选 |
| submit | 提交 |
除type还有其他属性
| name | 定义input用户名称 |
|---|---|
| value | 规定input值 |
| checked | 规定此input值。首次加载时因被选中 |
| maxlength | 正整数，规定输入最大长度 |
name和value是每个表单元素都有的属性值，后台人员使用单选按钮和复选按钮要有相同的name值
<label>用于绑定一个表单元素，当点击
<label for="sex"> 男</label>
<input type="radio" name="sex" id="sex"/>
select 下拉表单
<select>
<option>选项1<option>
<option>选项2<option>
<option>选项3<option>
</select>
<text area> 表单元素
当用户输入内容较多时，就不能使用文本框表单了，此时可以使用<text area>
<textarea rows="3" cols="20">
你可以叭叭叭拔拔拔拔拔拔
</textarea>
451
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
