HTML（图像&链接&文本标记 1.1）

HTML标签（图像和链接）
一、URL
1、目录结构
目录结构就是web站点中文件夹的名称，它包含多个目录，每个目录包含站点的不同部分
web站点的主目录称为web站点的根目录，位于目录下的其他文件夹称为子目录，每个子目录包含具体功能的下一级子目录
2、URL
url：统一资源定位器，用来标识网络中的任何资源，包含文本、图片、视频等等
url也叫路径，指的是从当前位置开始，到目标文件多经过的路线，路径分为三种形式：绝对路径、相对路径、根相对路径
-绝对路径：指的是文件从最高级目录开始的完整路线，包含协议、主机名、目录路径、文件名
-相对路径：指文件的位置是相对于当前文件夹的路线，它包括目录名，或者指向一个可以从当前位置出发，找到某文件的路线；相对路径的几种情况：
a.文件位于同一文件夹下，直接通过文件名.扩展名访问
b.目标文件位于当前文件夹的子文件夹 子文件夹名/文件名.扩展名
c.目标文件位于当前文件的上级目录，通过…/文件名.扩展名访问
-根相对路径：相对于根目录的路径
二、图像
1、图像格式
-jpg 有损压缩
-png 无损压缩
2、图像元素
img标记标识一个图像元素，这是一个非封闭型行内块级元素
语法:
常用属性：
-src：表示显示的图片的地址（路径）
-alt：当图片找不到时显示的文字提示
-width：宽度，取值为长度单位，可以为px或百分比
-height：高度，取值为长度单位，可以为px或百分比
img元素可以作为任何封闭型标记的子元素
三、链接
1、超链接，点击可以跳转到其他页面
a元素表示超链接，是一个封闭型行内元素
语法：，会在网页中以蓝色带下划线的文本显示
属性：
-href：要链接的地址，可以是任何文件的路径
-target: 目标打开的位置，可取值为 _blank(在新的标签页打开)、_self(在当前页打开)
2、链接的表现形式
-下载资源 语法：，注意href的值必须是文档路径（.html除外）
-电子邮件：语法：
-返回页面顶部：语法：
（）
HTML标签（文本标记）
一、锚点
锚点是文档中某一行的一个标记，用于链接到文档中的某个位置
使用方法：
第一步，先定义一个锚点：
方式一：内容；
方式二：<标记 id=“id值（必须以字母或下划线开头，不能有汉字）”>内容</标记>
第二步：链接到锚点：内容，该方式需要注意，锚点与链接必须在同一个页面
注意，如果使用a元素定义锚点，则可以使用name或id属性，其他元素只能使用id属性
跨页面跳转锚点：内容

二、表格
1、表格的作用
表格通常用来组织结构化的信息，是一些被称为单元格的矩形框组成的，从左到右，从上到下的顺序，表格的数据保存在单元格中
2、创建表格
table元素用于创建表格，该元素是封闭型块级元素
创建行：tr元素用于创建行，这是一个封闭型块级元素
创建列：td元素用于创建单元格，是一个封闭型行内块级元素；th也可以创建单元格，其内容会被加粗
注意，tr元素只能放在table元素中，td/th元素只能放在tr元素中，表格的内容只能放在td/th元素中
3、表格属性
1）table元素
-width：设置表格的宽度
-height：设置表格高度
-align：表格对齐方式(表格的主体)
-border：给表格设置边框的宽度，取值为像素（px）
-cellpadding：设置内边距（单元格与内容之间的距离），取值为px
-cellspacing：设置外边距（单元格之间的距离），取值为px，设置为0时，可以形成单线
-bgcolor：设置表格的背景色
2）tr元素
-align：水平对齐方式
-valign：垂直对齐方式，取值：top（上对齐）、middle（居中）、bottom（下对齐）
3）td元素
-align：水平对齐方式
-valign：垂直对齐方式
-width：宽度
-height：高度
-colspan：设置单元格跨列，取值为正整数，当设置了跨列时，需要注意，当前行的单元格数应该删除 属性值对应数字-1个单元格
-rowspan：设置单元格跨行，取值为正整数

（如有错误请指正 15969640081@163.com）