坚持就是胜利呀
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>