进入HTML
HTML的快速入门
- H,T,M,L：hyperText Markup Language 是一个超文本链接语言
- 超文本：hyperText具有特殊功能的文本
- 标记：Markup 规范了超文本的组成形式
- Html是网页的设计语言，由HTML语言编写的文件，以.html和.htm结尾的（后缀），是由浏览器运行的
文本标记
我们在HTML语言中会见到很多的文本文档，当然在我们HTML中也会有很多对于文本文档来进行一些改变的方法，这边是我们的文本标记：
- 加粗：b标签，他会把字体变成这个样子 123
<b>1</b> - 斜体：I标签，他会把字体变成这个样子 123
<i>1</i> - 下划线：U标签，他会把字体变成这个样子 123
<u>1</u> - 删除线：S标签，他会把字体变成这个样子
123<s>1</s> - 上标签：sup标签，他会把字体变成这个样子 1010
<sup>1</sup> - 下标签：sub标签，他会把字体变成这个样子 1010
<sub>1</sub>
标题标签
已标题的形式来显示文本
语法：h1——h6
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
从大到小依次变小
表现方式：自带换行，自动加粗，可以调整水平位置
段落标签
在页面中表示一段独立的文本
语法：p <p></p>
表现方式：自带换行效果，段落内容不带效果
分隔符标签
单独的一条横线，有跨行作用
hr
属性：size，width，color，align
代码:<hr />
字体标签
字体标签用来文本的表现形式
属性：size（取值范围1~7）超过的数值按7号显示
color颜色，face字体
<font></font>
超链接标签
超链接标签的作用是用于网页之间的跳转
属性：href（跳转链接前的），target（之前网页存在的形式）
三种表现形式：
1.绝对路径:从文件所在的最高级目录下开始的完整路径
①访问互联网上的资源
②访问本机的资源
2.相对路径：文件所在的位置开始查找资源文件所在的位置经过的路径
①当前文件和资源文件在同目录下（直接可以引用）<a href="txt.html"></a>
②资源文件在当前目录的子目录中（先进入再引用)
<a href="demo/txt.html"></a>
③资源文件在当前文件的父目录中（先返回再引用）
<a href="../txt.htm"></a>
3.根相对路径：在服务器上面使用的，只有服务器端才能用得到
① / 作为开始
在项目中先找到一个img的文件夹，再找ben的图片
/img/ben.jpg
锚点：在网页中任意位置添加记号，可由任意位置跳转到该记号
行内元素和块级元素
1.块级元素：默认情况中，每一个块级元素都是独占一行的，即元素的前后都会有换行，都有align属性（例：p，h1-h6，hr，div）
2.行内元素：不会换行，可以和其它标签或文本在一行内显示
（例：b，i,s,sup,sub）
注意事项
块级元素中不能嵌套块级元素（p标签不能嵌套块级元素）
跑马灯标签
属性：scrollamount（速度）
样式：behavior（样式）
<marquee></marquee>
图片标签
作用：在页面上添加一张图片
属性：src（图片路径）wdith（宽度）height（高度）
align（相对于左右文字的位置）
<img src="图片路径" width="宽度" height="高度" align="相对于左右文字位置" />
图片的格式
JPG：有损压缩图片
PNG：无损压缩课透明度的图片
GIF：动态图片
表格
1.表格的作用：按照一定的格式拜访数据
表格是由一些被称为单元格的矩形框组成
按照从左到右，从上到下，排列到一起组成的
2.创建表格
①定义表格
<table></table>
②创建行
<tr></tr>
③创建单元格
<td></td>
3.表格属性
①table的属性：
border：边框
cellpadding：单元格的内边距（单元格边框与内容之间的距离）
cellspacing：单元格的外边库（单元格之间的距离）
width：宽度，height：高度，align：水平距离对齐方式
bgcolor：背景颜色（纯色填充），bordercolor：边框颜色
background：背景
②tr的属性（行）：
无宽高属性
align：水平距离对齐方式
valign：垂直距离对齐方式
③td的属性（单元格）：
有宽高属性
align，valign
合并属性：
①行合并：colspan
②列合并：rowspan
表格标题标签
<caption></caption>
注意：表格标题标签必须跟在table后面
