*.HTML命名规则
文件的扩展名为htm或者html
文件名称只可由英文字母，数字，下划线组成
文档名称中不能包含特殊字符，例如空格，&＄等
文档名称区分大小写，特别是在UNIX,Linux系统中用大小写表示的文件是不同的
web服务器主页一般命名为index.html或defaul.html
HTML常用标签：
1） 首先 HTML和CSS是两种完全不同的语言，我们学的是结构，就只写HTML标签，认识标签就可以了。 不会再给结构标签指定样式了。
HTML标签有很多，这里我们学习最为常用的，后面有些较少用的，我们可以查下手册就可以了。
2）HTML的属性，属性顾名思义就是对HTML标签进行再“修饰”，
基本语法：
<标记名称 属性名1=“属性值1” 属性名2=“属性值2” 属性名n=“属性值n”></标记名称>
3）要注意多个属性之间要留有空格，属性和首标记之间也要，空格既是对打出的代码方便查看，也是符合网页制作的要求，属性值旁边的双引号做硬性要求打上，养成习惯
4）HTML标记主要是用于说明指定内容的外貌和特征，标记通常分为单标记和双标记
eg<html></html>,<br>,<hr>
<html></html>中间表示的是文本对网页的描述，
<body></body>中间表示的是网页中我们能够看到的内容
1.1排版标签
排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。
标题标签h
单词缩写： head 头部. 标题 title 文档标题
为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即
**标题标签语义：** 作为标题使用，并且依据重要性递减
<h1> 标题文本 </h1>
<h2> 标题文本 </h2>
<h3> 标题文本 </h3>
<h4> 标题文本 </h4>
<h5> 标题文本 </h5>
<h6> 标题文本 </h6>
段落标签p
可以把 HTML 文档分割为若干段落
在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是
html
<p > 文本内容 </p>
是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。
水平线标签hr
在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，<hr />就是创建横跨网页水平线的标签。其基本语法格式如下：
<hr />是单标签
在网页中显示默认样式的水平线。
字体标签font
在HTML中，<font>标签 是最基本的修饰文字的标记，可以用来设置字体颜色，大小，字体类型
<font size="字体大小" color="字体颜色" face="字体类型"> 文本内容 </font>
换行标签br
单词缩写： break 打断 ,换行
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签
<br />
这时如果还像在word中直接敲回车键换行就不起作用了。
div和span标签（css重点）
div span 是没有语义的 是我们网页布局主要的2个盒子 想必你听过 css+div
div 就是 division 的缩写 分割， 分区的意思 其实有很多div 来组合网页。
span 跨度，跨距；范围
语法格式：
<div> 这是头部 </div> <span>今日价格</span>
他们两个都是盒子，用来装我们网页元素的， 只不过他们有区别，现在我们主要记住使用方法和特点就好了
* div标签 用来布局的，但是现在一行只能放一个div
* span标签 用来布局的，一行上可以放好多个span
7.排版标签总结
| 标签名 | 定义 | 说明 |
| ------------- | :--------- | :------------------------------------ |
| <hx></hx> | 标题标签 | 作为标题使用，并且依据重要性递减 |
| <p></p> | 段落标签 | 可以把 HTML 文档分割为若干段落 |
| <hr /> | 水平线标签 | 没啥可说的，就是一条线 |
| <font></font> | 字体设置 | 设置字体大小，颜色，类型 |
| <br /> | 换行标签 | |
| <div></div> | div标签 | 用来布局的，但是现在一行只能放一个div |
| <span></span> | span标签 | 用来布局的，一行上可以放好多个span |
1.2文本格式化标签
在网页中，有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。
<b></b><strong></strong> 文字以粗体的方式显示
<i></i><em></em> 文字以斜体的方式显示
<s></s><del></del> 文字以加删除线的方式显示
<u></u><ins></ins> 文字以加下划线的方式显示
1.3标签的属性
所谓属性就是**外在特性** 比如 手机的颜色 手机的尺寸 ，总结就是手机的。。
- 手机的颜色是黑色
- 手机的尺寸是 8寸
- 水平线的长度是 200
- 图片的宽度 是 300
使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
<手机 颜色="红色" 大小="5寸"> </手机>
1.4 图像标签img
单词缩写： image 图像
要想在网页中显示图像就需要使用图像标签，接下来将详细介绍图像标签<img />以及和他相关的属性。
语法如下：
<img src="图像的地址" />
该语法中src属性用于指定图像文件的路径和文件名，他是img标签的必需属性。
通俗讲就是找到要插入的图片右键属性查看他的地址
*注意图片要和文件在同一级目录，比如代码文件在桌面，那图片文件也要在桌面，或者把两者放到同一个文件夹里面
<img/>标记属性
sre URL 图像的路径
alt 文本 图像不能显示时的替换文本
title 文本 鼠标悬停是显示的内容
height 像素 设置图像的高度
border 像素 设置图像的宽度
border 后面我们会用css来做，这里就记住这个border 单词就好了
1. 标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2. 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
4. 采取 键值对 的格式 key="value" 的格式
比如:
正常的<br />
<img src="图像的地址" width="300" height="300" /><br />
带有边框的<br />
<img src="图像的地址" width="300" height="300" border="3" /><br />
有提示文本的<br />
<img src="图像的地址" width="300" height="300" border="3" title="xxxxx" /><br />
有替换文本的<br />
<img src="图像的地址" width="300" height="300" border="3" alt="图片不存在" />
1.5.链接标签
<a href="网址">内容</a>注意中间要添加文本内容，
1.6注释标签
<！--内容-->
注释的意义在于方便后期修改和可读性，上面中间的内容在网站中是不会显示的，要看网站源代码里面才有，主要是做标记，当然也可以对网页做标记，写在<head></head><body></body>外面，在浏览器上面的网址上面可以看到
*注意标记和标记之间可以互相嵌套但不可以交叉
<body><title>……</body></title> <！--错误-->
<body><title>……</title></body> <！--正确-->
1.7表格table
创建表格
表格的基本语法：
<!DOCTYPE html>
<html>
<head>
<title>表格</title>
</head>
<body>
<table boder="2">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>
</html><table></table>之间是表格
<tr></tr>有几个代表横向有几个
<tr></tr>中间有几个<td></td>代表有几竖
表格属性
属性名 | 含义 | 常用属性值 |
border | 设置表格的边框（如果没有加则默认boder=“0”无边框） | 像素值 |
cellspacing | 设置单元格与单元格边框之间的空间距 | 像素值默认为2 |
cellpadding | 设置单元内容与单元格边框之间的空白间距 | 像素值默认为1 |
width | 设置表格的宽度 | 像素值 |
height | 设置表格的高度 | 像素值 |
align | 设置表格在网页中的水平对齐方式 | left，center，right |
上面这些属性值都是直接加在<table>里面eg：<table border="3" align="center">········
表头单元格标签
通俗讲他也是位于表格中，但它是位于第一行或第一列，表头单元格里面的文本内容加粗居中显示
<!DOCTYPE html>
<html>
<head>
<title>表格</title>
</head>
<body>
<table>
<tr>
<th>姓名</th>
...
</tr>
...
</table>
</body>和<td>的区别在于加粗居中其他不变
eg：
表格标题
表格的标题用<caption></caption>
<!DOCTYPE html>
<html>
<head>
<title>表格</title>
</head>
<body>
<table>
<caption>学校排行榜</caption>
<tr>
<th>张三</th>
<th>李四</th>
</table>
</body>作用就是在表格上方生产一个表格标题
eg：
合并单元格
合并单元格的方式：
跨行合并（上下合并）： rowspan="合并单元格的个数"
跨列合并（左右合并）： colspan="合并单元格的个数"
使用方式：
<!DOCTYPE html>
<html>
<head>
<title>表格</title>
</head>
<body>
<table border="2">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan="2">666</td>
<!-- <td>5</td> -->
<td>6</td>
</tr>
</table>
</body>
</html>
*一定要注意上面在输入了<td colspan="2">666</td>之后我把<td>5</td>注释了因为我把原来表格里面的“4”和“5”用“666”代替了如果没有把原来的5删除就会挤单元格
937
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
