美文网首页
HTML基础(2)

HTML基础(2)

作者: Insight_ | 来源:发表于2019-11-21 13:48 被阅读0次

HTML超链接

HTML使用标签<a>来设置超文本链接,在标签<a>中使用了属性href来描述链接的地。

HTML链接语法

<a href="url">链接文本</a>

<a href="http://www.baidu.com" target="_blank" rel="nooperner noreferrer"">xxxxx</a>

HTML链接-id属性

id属性可用于创建在一个HTML文档书签标记
<a id="tips">有用的提示部分</a>
<a href="#tips">访问有用的提示部分</a>
<a href="https:www.baiduc.com#tips">访问有用的提示部分</a>

HTML<head>

<title>定义了HTML文档的标题
<base>定义了所有链接的URL
<meta>提供了HTML文档的meta标记

HTML<head>元素

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

HTML<base>元素

<base>标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接
<head>
<base href="http://www.baidu.com" target="_blank" >
</head>

HTML<link>元素

<link>标签定义了文档与外部资源之间的关系。
<link>标签通常用于链接到样式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

HTML<style>元素

<style>标签定义了HTML文档的样式文件引用地址
在<style>元素中你也可以直接添加样式来渲染HTML文档
<head>
<style type="text/css">
body {background-color:yellow}
p{color:blue}
</style>
</head>

HTML<mate>元素

mate标签描述了一些基本的元数据
<mate>标签提供了元数据,元数据也不显示在页面上,但会被浏览器解析,通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据,一般放置于<head>区域
<head>
<mate name="keywords" content="HTML,CSS,XML,XHTML,JavaScript">
<!-- 为搜索引擎定义关键词 -->
</head>
<mate name="description" content="免费 Web & 编程 教程">
<!-- 为网页定义描述内容 -->
<mate name="author" conten="Runoob">
<!-- 定义网页作者 -->
<mate http-equiv="refresh" content="30">
<!-- 每30秒钟刷新当前页面 -->

HTML<script>元素

<script>标签用于加载脚本文件,例如:JavaScript

相关文章

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • HTML 基础2

    1.Web开发工具 Sublime(轻量级) 而且有很多好用的插件下载链接:http://pan.baidu...

  • HTML基础(2)

    表格 属性: border: 默认情况下表格的边框宽度为0看不到, 通过border属性给表格指定边框宽度 wid...

  • HTML基础2

    上面的这些都可以换成:这个 其实就是整个网页的主题,如果body的格式变了,整个都会跟着变: body{...

  • HTML基础2

    一.样式有几种引入方式?link和@import有什么区别 样式主要有三种引入方式:外部样式表、内部样式表、内联样...

  • HTML 基础-2

    样式有几种引入方式? link和 @import有什么区别?主要的是以下三种: 浏览器缺省设置:浏览器的默认设置。...

  • html基础2

    line-height 行高是指文本行基线间的垂直距离关于行高 行距 基线等概念的图例: 在div中使文字垂直居中...

  • html基础2

    day1.1……………………………………….. 标题 我是h1 我是h2 我是h3 我是h4 我是h5 ...

  • HTML 基础 2

    样式的几种引入方式 外部样式: 内部样式: ... 内联样式: ... link 和 @import的区别: 区别...

  • HTML基础2

    列表标签 无序列表: 列表项 列表项 ...... type属性值值 ...

网友评论

      本文标题:HTML基础(2)

      本文链接:https://www.haomeiwen.com/subject/ntkbictx.html