版式设计网页排版设计 第1篇
HTML 使用超级链接与网络上的另一个文档相连。HTML中的链接是一种用于在不同网页之间导航的元素。链接通常用于将一个网页与另一个网页或资源（如文档、图像、音频文件等）相关联。链接允许用户在浏览网页时单击文本或图像来跳转到其他位置，从而实现网页之间的互联。
超链接（Hyperlink），通常简称为链接（link），是网络背后的核心概念。为了解释什么是链接，我们需要回到网络架构的底层。
1.内部链接:内部连接所链接的目标一般位于同一个网站中，对于内部链接来说，可以使用相对路径和绝对路径
2.外部链接:外部链接所链接的目标一般为外部网站目标，当然也可以是网站内部目标。外部链接一般要指定所使用的协议和网站地址。 例如：，其中http是传输协议，是网站地址，是站点的相对地址。
3.锚链接:锚链接是一个特殊的链接方式，实际上它是在内部链接或者外部链接的基础上标记的后缀（#标记），例如：，就表示跳转到页面中标记为anchor的锚点位置。
超链接有两个路径，分别是绝对路径和相对路径。 1.绝对路径 绝对路径指从根目录开始查找一直到文件所处位置所经过的所有目录，目录名之间用反斜杠（\）隔开。比如存在电脑C盘的一个文件的绝对路径是从盘符开始的然后途经找到该文件的所有目录。 2.相对路径 相对路径指相对于自己的目标文件位置。比如一个项目中存在A与B两个文件夹，A下存在，B下存在，那么要想显示图片，可使用相对路径，即先返回上一级（A与B一级），找到B然后找其下的，相对路径为“…/B/”。
所谓超链接是指从一个网页指向一个目标连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接文字或图片后，链接目标将显示在浏览器上，并且根据目标类型来打开或运行
a href=_链接路径_ target=_目标窗口位置_>链接文本或图像
定义和用法 download 属性规定当用户单击超链接时将下载目标（href 属性 中规定的文件）。 download 属性的可选值将成为文件下载后的新名称。 允许使用任何值，浏览器会自动检测正确的文件扩展名并将其添加到文件中（例如.img、.pdf、.txt、.html 等）
电子邮件链接允许我们创建指向电子邮件地址的超链接。 你可以使用 HTML 标签创建这些链接——但在这种情况下，我们传递收件人的电子邮件地址而不是传递 URL。 你可以使用 mailto 属性在锚标记中指定电子邮件地址
版式设计网页排版设计 第2篇
吸尘器类别:手持式吸尘器
功率:500 W
储尘类型：旋风尘盒/尘桶
吸尘类型：干/湿吸均可
适用面积：91m2-150 m2
产品特色：除螨，HEPA滤网
线长：充电式（无线）
吸嘴类型；圆毛刷
适用环境：厨房，地板，地毯，床铺，汽车，沙发，瓷砖，酒店
售后服务：海外进口商品不支持国内联保，无法享受与产地同等售后服务
品牌名称：Dyson
商品名称：我家那闺女Dyson V8 absolute 无线吸尘器
产地：马来西亚
商品编号：V8absoluteUS
版式设计网页排版设计 第3篇
卡片就是交互信息的承载体，通常以一个浓缩的形式提供相关网页内容。卡片式网页布局非常适合在页面上放置大量内容，同时又使每个内容保持鲜明。卡片式布局有两种主要的布局格式：
将等尺寸的卡片排列在网格上，如下图所示，Pixso网站使用卡片显示社区资源设计案例。Pixso资源社区内置海量中文网页设计模板素材，致力于设计提效，
使用流畅的布局，如下图Pixso社区引导页面设计案例所示，将大小不同的卡片排列成有序的列，但没有不同的行。