html标签初识（一）
html的标签是学习前端的青铜入门级知识，但是正是这入门级别的基础知识，常常在面试中被问到，基础知识并不意味着细节不重要。
标签
<strong></strong>标签和 <em>/em>一样，用于强调文本，但它强调的程度更强一些。
<!DOCTYPE html>声明文档类型为HTML
h1标题标签只有6级，都默认加粗显示，独占一行
h1标题最好在页面中只使用，便于被搜索引擎收录
<p>...</p>段落标签，文字独占一行
<em>...<em>倾斜效果
<i>...</i>文字斜体效果
<b>...>/b>文字加粗效果
<strong>...<strong>加粗效果
<ul>..</ul>无序列表
type="disc"是实心圆
type="circle"空心圆
type="square"实心方块
<ol>...</ol>有序列表
start="3" 列表从3开始
type="1"是数字排序
type="a"或者"A"是字母排序
type="Ⅰ"是罗马字母排序
<dl>... 自定义列表
<dt></dt> 标题
内容(内容和标题，默认缩进)</dl>
<del>...</del>文字删除线效果
<sup>2</sup>数字上标
<u>...</u>文字下划线效果
<center>...</center>文字居中
input标签
- type="reset"表示重置
- type="file"表示文件选择框
span文本节点标签
单闭合标签
-
<meta/>定义了与文档相关联的属性- content (必需的属性) 属性提供了名称/值对中的值。该值可以是任何有效的字符串
- http-equiv (可选) 指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
- name（可选）属性提供了名称/值对中的名称。
- scheme (可选) 用于指定要用来翻译属性值的方案
-
<hr/>水平分割线 -
<br/>换行 -
<img/>图片- 图片在网页上的呈现顺序是从左到右，依次排放，并且所有图片默认以底部对齐，当本行剩下的空间不足以摆放下一张要显示的图片的时候，图片就会折行显示
- title属性表示鼠标划上去时的提示
- alt属性表示图片加载失败后的文字
大标签
- 块标签...
- 标题标签
...
- 段落标签
...
- 表格标签 ...
- 列表标签
- ...
- ..
- 小标签能被大标签任意嵌套
- 超链接不能嵌套超链接
- p标签不能嵌套p标签
- 标题标签h1...h6也不能互相嵌套
- 块元素可以嵌套其他类型的元素
- p标签不能套div，p标签也不能自己套自己
- from必须要有action属性，表示提交地址
- 所有需要提交的数据，input必须有name属性
- input按钮的文字，使用value属性表示
- input必须放在form标签内才能提交
- get请求通常表示获取数据
- post请求通常表示提交数据
- get请求发送的数据都写在地址栏上，用户可见
- post请求发送的数据用户不可见
- get请求不能提交大量数据，但是post可以，因此不要混用
小标签
嵌套注意事项
HTML5新标签
<header></header>
<section></section>
<footer></footer>
<aside></aside> 侧边栏
<caption></caption>标题
路径
绝对路径
相对路径（一般指本地文件的引入）
表格
注意：表格在默认情况下，没有边框
<caption>...</caption>标签用来定义表格的标题
要边框需要给<table>标签给border属性
cellspacing="0"去掉单元格之间的间隙
cellpadding="0"去掉单元格内容和边框之间的间隙
align:center 表格居中
bordercolor 边框颜色
bgcolor 背景颜色
表格中的内容默认垂直居中，左对齐
<th>...<th>表头（加粗并居中）
<tr>..</tr>行
<td>...</td>列
cellspacing表示单元格间隙，可以添加或去掉
col（<colgroup span="6" width="100px">列分组）表示同时给几列，可以设置宽度
一键生成 table>tr*12>td{$}*8，然后按tab
一键生成多个div .类名*3
行列合并
合并单元格的个数，包括自己，除自己外，合并n个，就删除n-1个。
colspan表示跨几列
rowspan表示跨几行
浙公网安备 33010602011771号