HTML和CSS学习笔记(2)

一.HTML链接

1.HTML链接语法

链接的HTML代码很简单,例如:
<a href="URL">链接的名字</a>

2.HTML链接-target属性

使用target属性,你可以定义被链接的文档在何处显示。
例如:
<a href="http://www.taobao.com"target=_blank>淘宝淘宝</a>
令target=_blank即可使页面在新建标签页中打开
在这里插入图片描述

在这里插入图片描述

3.HTML链接-id属性

id属性可用于创建一个HTML文档书签标记
**提示:**书签使不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的

二.HTML头部

1.HTML<head>元素

<head>元素包含了所有的头部标签元素。在<head>元素中你可以插入脚本(scripts),样本文件(CSS),及各种meta信息
可以添加在头部区域的元素标签为:<title><style><meta><link><script><noscript>和<base>

2.HTML<title>元素

  1. <title>标签定义了不同文档的标题
  2. <title>在HTML文档中是必须的
  3. <title>元素:
    • 定义了浏览器工具栏的标题
    • 当网页添加到收藏夹时,显示在收藏夹中的标题
    • 显示在搜索引擎结果页面的标题

3.HTML<base>元素

标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:

例如把攻防世界的logo拿过来:

在这里插入图片描述在这里插入图片描述

效果:

在这里插入图片描述

看一看攻防世界的logo地址
在这里插入图片描述

(这里解释一下base属性所说的默认链接的意思,比如在设置显示图片的时候我们会设置相对地址,而前面设置了该HTML文档的默认地址,后面调用照片的时候直接使用world.png这样的相对地址就可以了)

4.HTML<link>元素(这个没搞太懂,后期加工一下)

  • <link>标签定义了文档与外部资源之间的关系。

在这里插入图片描述

(1).HTML <link> rel属性

在这里插入图片描述

(2).HTML <link> href属性

在这里插入图片描述

5.HTML<style>元素

  • <style>标签定义了HTML文档的样式文件引用地址。
    type 属性指示 标签之间的内容。
    值 “text/css” 指示内容是标准的 CSS。
  • 在<style>元素中你也可以直接添加样式来渲染HTML文档:

实例:在这里插入图片描述

效果:
在这里插入图片描述

6.HTML<meta>元素(有点问题,划个*)

  • <meta>标签描述了一些基本的元数据
  • <meta>标签提供了元数据,元数据也不显示在页面上,但会被浏览器解析。
  • META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
  • 元数据可以适用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
  • <meta>一般放置于<head>区域

7.HTML

  • <script>标签用于加载脚本文件,如JavaScript。
  • <script>元素在以后的章节中会详细描述

HTML head元素最后总结

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_50998641/article/details/113663892