【前端】HTML基础3-HTML标签

素颜马尾好姑娘i 2022-08-30 04:22 312阅读 0赞

超链接标签

在这里插入图片描述
_self默认为当前窗口打开
_blank为新窗口打开

链接分类

在这里插入图片描述

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8. </head>
  9. <body>
  10.     <h3>1.外部链接</h3>
  11.     <a href="http://www.qq.com" target="_blank">去往腾讯！</a>
  12.     <h3>2.内部链接：网站内部页面之间的相互链接/文件夹内部页面跳转</h3>
  13.     <a href="作品集.html" target="_blank">设计作品集</a>
  14.     <h3>3.空连接</h3>
  15.     <a href="#">其实咩都谋</a>
  16.     <h3>4.下载连接：href里面是个压缩包（.exe或者.zip）</h3>
  17.     <a href="images/111.zip">下载这个钱正昊</a>
  18.     <h3>5.网页元素的链接</h3>
  19.     <a href="http://www.baidu.com"><img src="images/111.jpg"/></a>
  20. </body>
  21. </html>

打开之后
在这里插入图片描述
设计作品集（内部链接的html）

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>设计作品集</title>
  8. </head>
  9. <body>
  10.     <h2>溶图练习：</h2>
  11.     <img src="images/明信片89预览.jpg"/>
  12.     <h2>封设练习：</h2>
  13.     <img src="images/365日设计打卡13.jpg"/>
  14. </body>
  15. </html>

内部链接
在这里插入图片描述
在这里插入图片描述

锚点链接

当我们点了某个链接，可以快速定位到页面中某个位置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

注释标签

在这里插入图片描述

  1. <!-- 我想睡觉！-->

特殊字符

在这里插入图片描述
重点记住：空格、大于号、小于号

  1. <body>
  2.     我     要    空格<br>
  3.     <p>是一个段落标签 
  4. </body>

显示：
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，312人围观）

还没有评论，来说两句吧...

相关阅读

    相关 网页前端培训1HTML/基础标签

    HTML简介：超文本标记语言是一种用于创建网页的标准标记语言，不是编程语言。“超文本”指网页内可以包含非文字元素如：图片、链接、音乐等。HTML文档也叫web页面。后缀名...

    小鱼儿小鱼儿/ 0 赞/ 145 阅读

    相关 HTML基础标签

    快速入门 1.新建文本文件，后缀名改为 .html/.htm 2.编写 HTML结构标签 3.在中使用 定义标题字体 4.使用标签定义图片 5.保存后，使用

    水深无声水深无声/ 0 赞/ 160 阅读