注释标签

• 格式：
  
• 作用：
• 当的注释，能够让我们的程序更加可读，提示自己什么地方是什么是什么意思。
• 注意：
• 被注释的内容不会在浏览器中显示。
• 注释不能嵌套使用。
• 快捷键：
  ctrl+/

img标签

• 格式：

  
  
• 作用：在网页上插入一张图片。
• 属性：
• src：告诉浏览器需要插入的图片路径
• width:设置图片宽度
• height：设置图片高度
• title：鼠标放到图片上时显示想要输入的内容
• alt：在图片找不到的情况下，显示此属性的内容
• 注意：
• img标签加的图片默认不是占一整行空间
• 如果想让图片等比拉伸，只写高度或宽度即可

br标签

• 格式：
  
  
• 作用：让内容换行
• 注意：br的换行不是另起段落换行

相对路径和绝对路径

相对路径

• 什么是相对路径：
• 相对路径就是每次都从.html文件所在的文件夹开始查找, 我们称之为相对路径
• 相对路径查找方式：
• 同级：同级就是"图片"和".html文件"存储在同一个文件夹中
  • 格式：
    src=”图片名称.jpg”
  • 含义：在.html文件所在的文件夹中查找
• 下级：下级就是"存储图片的文件夹"和".html文件"在同一个文件夹中
  • 格式：
    src=“images/图片名称.jpg”
  • 含义：在.html文件所在的文件夹中找到名称叫做images的文件夹，然后再在images文件夹中找
• 上级：上级就是"存储图片的位置"和存"储代码的文件夹"在同一个文件夹中
• 格式：
  src=”../图片名称.jpg”
• 含义：在.html文件所在的文件夹中找到这个文件夹的上一级文件夹, 然后再在上一级文件夹中找

绝对路径

• 什么是绝对路径（了解）：
• 绝对路径就是每次都从指定的盘符开始查找
  *格式：
  例子src="C:\Users\test\Desktop\HTML基础\图片名称.jpg"

a标签

• 格式：
  <a href="链接路径">显示的内容</a>
• 作用：从一个页面链接到另一个页面
• 属性：
• href：指定跳转的目标地址
• title：悬停文本(介绍这个链接, 只有在鼠标移动到超链接上时才会显示)
• target：用于控制如何跳转, _blank在新建界面中跳转, _self不新建界面，在当前选项卡中跳转
• 注意：
• 在a标签之间一定要写上文字，没有的话网页上找不到此标签
• a标签也叫做超链接或超级链接

base标签

• 格式：
  <base target="_blank">
• 作用：用来统一指定当前网页所有超链接在新建界面中打开
• 注意：
• base必须嵌套在head标签里面
• 如果标签上指定了target,base中也指定target,那么会按照标签上指定的来执行

假链接

• 格式：
  <a href="#">内容</a>
  <a href="javascript：">内容</a>
• 区别：#的假链接会自动回到网页的顶部, 而javascript:的假链接不会自动回到网页顶部

锚点

• 1.给目标位置的标签添加一个id属性, 然后指定一个独一无二的值
• 2.告诉a标签你需要跳转到的目标标签对应的独一无二的值
• 例子：
  <a href="#center">跳转到中部</a>
  <h2 id="center">我是中部</h2>
• 注意：
• 通过我们的a标签跳转到指定的位置, 是没有过度动画的, 是直接一下子就跳转到了指定位置
• a标签除了可以跳转到当前界面的指定位置以外, 还可以在跳转到其它界面的时候直接跳转到其它界面的指定位置