<>快捷键 tab 注释快捷键 ctrl + ？
HTML 文件 大体轮廓
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
主体 内容放 body中
块级标签:独占一行 p div （一句一行）
内联标签(行内标签):不独占一行 b i s u span img（都在一行）
块级可以嵌套内联和某些块级标签 内联标签不能嵌套块级标签，只能的嵌套内联标签。
注：块级 和 行级 的关系 尤其是<h1></h1> 不要放到<span><span> 中
body
<h1> content </h1> 字体大小
b 加粗
i 斜体
s 删除
u 下划线
可以多个条件 可以联合使用 (<h1><b><i><u><s>你好 见到你很高兴!</s></u></i></b></h1>)
p 段落标签 （段前 段后各占一行）
br 换行
hr 水平线（占一行， 只是一条线，可以当分割线用）
div
span （其中不能放<h1>content </h1>）
块级标签可以嵌套内联标签和某些块级标签,内联标签不能嵌套块级标签,可以嵌套内联标签,p标签不能嵌套块级标签和p标签
图片标签:img src='11.png' alt='图片未加载成功时显示的内容' title='鼠标悬浮上去时的提示信息' width='100px' height='100px'
超链接标签:a href='目标地址' target='_blank' <a>百度</a>
(注意 ： 超链接 a target ='_blank' <a> 网站名称 </a>) 注意 target是_blank （新网页打开） 或 _self（当前网页打开）
列表标签:
ul 无序列表 type='' (type 由 circle square)
li
ol 有序列表 type ='' start =''
li
<u1 type = "square">
<li>叶子</li>
<li>鱼</li>
<li>平安扣</li>
</u1>
<hr>
<ol type="i" start="1">
<li>叶子</li>
<li>鱼</li>
<li>平安扣</li>
</ol>
标题标签
dl
dt
dd
<d1>
<dt>琥珀叶子</dt>
<dd><a href="http://localhost:63342/%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99/%E8%AF%BE%E7%A8%8B%E8%A7%86%E9%A2%91/%E5%A
E%9E%E9%AA%8C/dady%2042%20test%20htlm/test2.html?_ijt=31kp5dinu1o4pr3evl6fhc3hqq" target="_blank">琥珀叶子</a>
<hr></dd>
</d1>
table
属性:
- border: 表格边框.
- cellpadding: 内边距 （内边框和内容的距离）
- cellspacing: 外边距.（内外边框的距离）
- 像素 百分比.（最好通过css来设置长宽）
- rowspan: 单元格竖跨多少行
- colspan: 单元格横跨多少列（即合并单元格）
<table border="1" cellpadding="10">
<thread>
<tr>
<th>名称</th>
<th>价格</th>
<th>数量</th>
</tr>
</thread>
<thread>
<tr>
<td>鱼</td>
<td>399</td>
<td >3</td>
</tr>
</thread>
<thread>
<tr>
<td>叶子</td>
<td>599</td>
<td rowspan="2">5</td> rowspan=2 合并2行 5为是表格中的内容
</tr>
</thread>
<thread>
<tr>
<td>平安扣</td>
<td>499</td>
(<table border="1" cellpadding="10"></table> border:边框线的粗细 cellpadding:表格单元边界与单元内容之间的间距(单元格里面的内容与单元格边框之间的距离))
<thead>标题部分
<tr>一行
<th>姓名</th> 一个单元格
</tr>
</thead>
<tbody>
<tr>
<td>小黑</td>
</tr>
</tbody>
<table border='1'>
<thead> #标题部分
<tr> #一行
<th>序号</th> #一个单元格
<th>姓名</th>
<th>爱好</th>
</tr>
</thead>
<tbody> #内容部分
<tr> #一行
<td>1</td> #一个单元格
<td>Egon</td>
<td>杠娘</td>
</tr>
<tr>
<td>2</td>
<td>Yuan</td>
<td>日天</td>
</tr>
</tbody
特殊符号表示 ：
空格： >:> << &:& ¥：¥ 版权标识（写公司网站的时候会用到）：© 注册（一个圆圈里面有个R）：®
#form 表单标签,提交数据用的
input
type='text' （文本 用户名）password（密文 密码） submit（） reset（按键 重置） button（按键） hidden（隐藏按键） file（文件） checkbox（多选） radio（单选） date（日期）datetime--local