HTML+CSS学习笔记-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44079486/article/details/114450369

HTML部分

HTML文件中，< a >标签用于定义超链接，作用是从一个页面链接到另一个页面。

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
**href:**用于指定链接目标的url地址，有此属性，即具有超链接功能。
target用于指定链接的打开方式，其中_self为默认值， _blank为在新窗口中打开方式。

例如<a href="https://www.baidu.com" > 百度，外部网站的链接地址
herf属性：为必须属性，属性值为超链接，去往页面的地址。

</head>
<body>
    <h4>1、外部链接</h4>
    <a href="http://www.qq.com">腾讯</a>
</body>
</html>

target属性：当target=_self默认属性是时，点击超链接当前网页打开链接网页。

<body>
    <h4>1、外部链接</h4>
    <a href="http://www.qq.com" target="_self">腾讯</a>
</body>

在这里插入图片描述
target属性：当target=_blank默认属性是时，点击超链接新建一个窗口网页打开链接网页。

<body>
    <h4>1、外部链接</h4>
    <a href="http://www.qq.com" target="_blank">腾讯</a>
</body>

在这里插入图片描述

直接链接内部页面名称即可，例如 <a href="index.html"> 首页</a>

<h4>2、内部链接：网站内部页面之间的互相链接</h4>
    <a href="09-图像标签.html" target="_blank">图像标签</a>

在这里插入图片描述

<h4>3、空链接：#</h4>
    <a href="#" >公司地址</a>

<h4>4、下载链接：地址链接的是 文件.exe 或者是 zip等压缩包形式</h4>
    <a href="喻言宝贝.zip" >喻言宝贝</a>

在这里插入图片描述

<h4>5、网络元素的链接</h4>
    <a href="https://baike.baidu.com/item/%E5%96%BB%E8%A8%80/8922655?fr=aladdin" target="_blank"><img src="喻言宝贝.jpg"></a>

点击图片，跳转到喻言的百度百科页面
在这里插入图片描述

如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要注释标签。
HTML中的注释以“”结束。
快捷键：ctrl和/设为注释，ctrl和？取消注释。
在这里插入图片描述

在HTML页面中一些特殊的符号很难或不方便直接使用，用一下字符代替（如空格打很多空格，网页却只显示一个空格）