HTML-----图像，超链接，锚链接，网页布局

图像，超链接，网页布局

图像

<!--语法
src：图片加载路径（必填）分绝对路径和相对路径（推荐使用）../  上一级目录
alt：图片的替代文字（必填）
title：鼠标悬停在图片上的提示文字
width：图片宽度
height：图片高度
-->
<img src="path" alt="text" title="text" width="x" height="y">

链接标签

<html lang="en">
<head><meta charset="UTF-8"><title>LinkTest</title>
</head>
<body>
<!--
a 标签
href:要跳转到那个网页（界面），必填
target:新的网页（界面）在哪里打开_blank:在新标签中打开_self:在原标签中打开
-->
<a href="LableTest.html" target="_blank">跳转到Lable</a>
<a href="https://www.baidu.com" target="_self">跳转到百度</a>
</body>
</html>

锚链接

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>LinkTest</title>
</head>
<body>
<!--
a 标签
href:要跳转到那个网页（界面），必填
target:新的网页（界面）在哪里打开_blank:在新标签中打开_self:在原标签中打开
-->
<!--使用name可以作为标记-->
<a name="Top">顶部</a>
<a href="LableTest.html" target="_blank">跳转到Lable</a>
<a href="https://www.baidu.com" target="_self">跳转到百度</a>
<br/>
君不见，黄河之水天上来，奔流到海bai不复回。<br/>
君不见，高堂明镜悲白发，朝如青丝暮成雪。<br/>
人生得意须尽欢，莫使金樽空对月。<br/>
天生我材必有用，千金散尽还复来。<br/>
烹羊宰牛且为乐，会须一饮三百杯。<br/>
岑夫子，丹丘生，将进酒，杯莫停。<br/>
与君歌一曲，请君为我倾耳听。<br/>
钟鼓馔玉不足贵，但愿长醉不复醒。<br/>
古来圣贤皆寂寞，惟有饮者留其名。<br/>
陈王昔时宴平乐，斗酒十千恣欢谑。<br/>
主人何为言少钱，径须沽取对君酌。<br/>
五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。<br/>
<br/>
君不见，黄河之水天上来，奔流到海bai不复回。<br/>
君不见，高堂明镜悲白发，朝如青丝暮成雪。<br/>
人生得意须尽欢，莫使金樽空对月。<br/>
天生我材必有用，千金散尽还复来。<br/>
烹羊宰牛且为乐，会须一饮三百杯。<br/>
岑夫子，丹丘生，将进酒，杯莫停。<br/>
与君歌一曲，请君为我倾耳听。<br/>
钟鼓馔玉不足贵，但愿长醉不复醒。<br/>
古来圣贤皆寂寞，惟有饮者留其名。<br/>
陈王昔时宴平乐，斗酒十千恣欢谑。<br/>
主人何为言少钱，径须沽取对君酌。<br/>
五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。<br/>
<br/>
君不见，黄河之水天上来，奔流到海bai不复回。<br/>
君不见，高堂明镜悲白发，朝如青丝暮成雪。<br/>
人生得意须尽欢，莫使金樽空对月。<br/>
天生我材必有用，千金散尽还复来。<br/>
烹羊宰牛且为乐，会须一饮三百杯。<br/>
岑夫子，丹丘生，将进酒，杯莫停。<br/>
与君歌一曲，请君为我倾耳听。<br/>
钟鼓馔玉不足贵，但愿长醉不复醒。<br/>
古来圣贤皆寂寞，惟有饮者留其名。<br/>
陈王昔时宴平乐，斗酒十千恣欢谑。<br/>
主人何为言少钱，径须沽取对君酌。<br/>
五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。<br/>
<br/>
君不见，黄河之水天上来，奔流到海bai不复回。<br/>
君不见，高堂明镜悲白发，朝如青丝暮成雪。<br/>
人生得意须尽欢，莫使金樽空对月。<br/>
天生我材必有用，千金散尽还复来。<br/>
烹羊宰牛且为乐，会须一饮三百杯。<br/>
岑夫子，丹丘生，将进酒，杯莫停。<br/>
与君歌一曲，请君为我倾耳听。<br/>
钟鼓馔玉不足贵，但愿长醉不复醒。<br/>
古来圣贤皆寂寞，惟有饮者留其名。<br/>
陈王昔时宴平乐，斗酒十千恣欢谑。<br/>
主人何为言少钱，径须沽取对君酌。<br/>
五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。<br/>
<!--#+标记：跳转到锚标记点-->
<a href="#Top">回到Top</a>
</body>
</html>

功能性链接

<!--功能性链接：mailto:邮件链接
qq链接等-->
<a href="mailto:1048516376@qq.com">点击联系我</a>

行内元素和块元素

块元素
- 无论内容多少，该元素独占一行
- （p、h1-h6…）
行内元素
- 内容撑开宽度，左右都是行内元素的可以再排在一行
- （a、strong、em…）

HTML-----图像，超链接，锚链接，网页布局相关推荐

flex 单独一行_Flex网页布局一CSS弹性伸缩盒子语法教程
网页布局(layout)是 CSS 的一个重点应用. 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性.它对于那些特殊布局非常不方便,比如,垂 ...
什么是HTML超链接？锚链接？
什么是HTML超链接?锚链接? HTML超链接 1.超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. 当把鼠标指针移动到网页中的某 ...
前端(一)——HTML之基本标签、图片标签、超链接、锚链接
文章目录 1. 定义 2. 发展史及优势 2.1 发展史 2.2 优势 3. W3C标准 4. HTML的基本结构 5. 网站的基本标签 5.1 标题标签 5.2 段落标签 5.3 水平线标签 5.4 ...
超链接——内部链接、外部链接、锚点链接、下载链接、空链接、其他元素链接
一.内部链接 first.html 和second.html在同一文件内,想在first.html中通过超链接跳转到second.html中,可以通过内部链接实现. <a href=" ...
php网站xml链接,xml图像超链接的制作代码
学习的时候遇到的另一个问题,做图像超链接要把链接地址放到的href属性中去,可是这就是在标签中套标签,是不可以的,查了<Web编程实做教程>,才知道正确的解决方案,现在与大家分享. 此段代 ...
HTML超链接、锚链接
超链接和锚链接的区别,就是超链接需要跳砖页面:锚链接不需要,在同一页面中跳转到某个位置. 不管是超链接,还是锚链接,都是用a元素. 超链接:超链接的使用就是在href中加入网址,如果是图片超链接就是在 ...
herf(超链接、锚链接)
HTML style="color: brown; font-family: 正体; font-size: xx-large; font-weight: bolder;" href ...
超链接的应用——锚链接
锚链接常用于目标页内容很多,需定位到目标页内容中的某个具体位置时.例如网上常见的某个学习教程,当单击教程的章节目录时,将跳到应对章节的内容介绍处. 实现从A页面的甲位置中转到本页中的乙位置,步骤如下: ...
《HTML5+CSS3网页布局和样式精粹》.(张亚飞).[PDF]ckook
图书作者: 张亚飞图书编号: 9787302261834 图书格式: PDF 出版社: 清华大学出版社出版年份: 2011 图书页数: 500-600 [内容简介] 对于初入门的网页设计者和开 ...

HTML-----图像，超链接，锚链接，网页布局

图像，超链接，网页布局

图像

链接标签

锚链接

功能性链接

行内元素和块元素

HTML-----图像，超链接，锚链接，网页布局相关推荐

最新文章

热门文章