1、HTML文档后缀名：.html或者.htm
2、快速生成html页面结构：html：5+Tab
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>前端</h1>
<p>前端笔记：基础语法
</p>
<p>前端笔记：基础格式
</p>
</body>
</html>
<!DOCTYPE html>文档的声明，当前是一个遵循标准为html5的html文档。
<Html> 标签代表整个文档结构 只嵌套head标签和body标签
<head> 头部标签 用于嵌套给浏览器使用的设置和配置标签
<meta> 设置了当前页面的编码（charset:字符设置）
<title> 设置浏览器页签上的名字
<body> 内容标签
<p>段落文本</p>有几段就放几个<p></p>
<h1>标题文本</h1>h1-h6共6个标题分级
URL协议：协议名称：域名（或IP地址）：端口号（不写默认80）/路径/文件名
<hr> 标签 在页面插入一条水平线（单标签）
<br> 标签 换行标签可以强制进行段落换行，不受空格和换行合并的影响。（单标签）
<span>标签 文本节标签 行内标签
<em>标签 定义着重文字针对页面局部文字加强语气，可以会改变局部的文档的语义。
<strong> 标签 针对整个文档进行一个加强语气的作用。例如一篇文章中最重要的主题思想或者段落用。
<sub>下标例如：H2O
<sup>上标例如：2的32次方
<del>文字中间有一条删除横线
HTML文档中，文字之间的空格会进行合并，多个空格或者换行会进行合并成为一个空格或换行。
<base target="">base标签可以让当前页面中的所有的 a 标签都拥有相同的属性
超级链接标签<a href="你要跳转的网页的网址"></a> a标签中的target属性：有两个取值1._self 表示在当前页面中打开超级链接2：_blank 表示在新的页面中打开
锚点属性 点击男子抱狗<a href="#01">男子抱狗</a>自动转向前天下午<span id="01">前天下午</span>
无序列表 <ul>（不要嵌套其他东西）
<li>（可以嵌套任何东西）
</li>
</ul>
有序标签 <ol>
<li>
</li>
</ol>
表格 <table>表示整个表格 <table>表格内容</table>? ?? ?创建表格
（<thead> ）代表表格第一行写的东西
<tr>代表一行，表格中的一行
<td>代表一个单元格，表格中的一个单元格
</td>
</tr>
</thead>
（<tbody>）表示除第一行后面的其他行
<tr>代表一行
<td>代表一个单元格
</td>
</tr>
</tbody>
</table>
合并单元格 <td rowspan="2">合并两行为一行
<td colspan="2">合并两列为一列
块级标签独占一行 <div></div> <div id="版块名称">…</div>??div 带上ID号，使之更清晰
行级标签 可以跟其他的行内标签公用一行<span></span>
$：排列数据1.2.3.4...
块级标签：p,div,ul,ol,dl,li,dt,h1-h6
行级标签：span,strong,em,文本相关的标签都是行内标签。
form：包裹标签
action：
input：文本框，按钮，
<input type="text"> 文本框
radio 单选
submit value ="提交" 提交按钮
button valur ="普通按钮"
reset 重置按钮
lable标签，for属性指向要提供服务的标签id值
lable 直接包裹标签，可以实现点击标签的文字内容，让包裹的表单标签获得焦点。
select 下拉列表
option 设置列表的选项
textarea 文本域标签：当输入大量的文本的时候需要使用文本域标签。
cols 设置文本域可以输入多少列字符，宽度
rows 设置文本域的可以输入的行 字符数，高度
<fieldset></fieldset>表单分组
<legend>？？？</legend>表单分组后的组名
<pre> 标签 不进行空格的合并
字符实体 ：在界面中显示HTML页面中的代码 ，比如： 空格，<小于号，>；大于号。 |
|
收藏
淘帖
踩
