zoukankan      html  css  js  c++  java
  • HTML 基础(二)

    本节内容分三部分:

    1. 文本格式化
    2. 链接
    3. 头部

    1. 文本格式化

    效果如下:

    注意:
    通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。

    区别:
    <b> 与<i> 定义粗体或斜体文本。
    <strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。

     2. 链接

    语法格式: <a href="url">链接文本</a> ,url 描述了链接的目标,链接文本为显示内容

    代码:<a href="https://www.baidu.com/">点击打开百度</a>

    实例:点击打开百度

    需要注意的是,“链接文本”不必一定就是文本,可以是图片或其他HTML元素

    target属性

    使用 target 属性可以定义被链接的内容在何处显示,如果你将 target 属性设置为 "_blank", 链接将在新窗口打开

    代码:<a href="https://www.baidu.com/" target="_blank">打开百度(在另一页面显示)</a>

    效果:打开百度(在另一页面显示)

    链接 — id属性

    在HTML文档中插入ID:<a id="tips">有用的提示部分</a>
    在HTML文档中创建一个链接到"有用的提示部分(id="tips")":<a href="#tips">访问有用的提示部分</a>

    或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")":<a href="https://网址#tips">
    访问有用的提示部分</a>

    3. 头部

    <head> 元素

    包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。

    <title> 元素

    代码:

    <title>这是标题</title>

    效果:

    <link> 元素

    定义了文档与外部资源之间的关系 , 通常用于链接到样式表 。

    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>

     <style> 元素

    定义了HTML文档的样式文件引用地址 ,在<style> 元素中你也可以直接添加样式来渲染 HTML 文档。

    <head>

    <style type="text/css">

    body {backgroud-color : yellow}

    p {color : blue}

    </style>

    </head>

    <meta> 元素

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

    为搜索引擎定义关键词:
    <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

    为网页定义描述内容:
    <meta name="description" content="免费 Web & 编程 教程">

    定义网页作者:
    <meta name="author" content="名字">

    定义网页作者:
    <meta name="author" content="名字">

    每30秒钟刷新当前页面:
    <meta http-equiv="refresh" content="30">

  • 相关阅读:
    第四次作业
    第三周
    作业
    第一周学习计划
    小组作业进度(只做了大概还未加内容)
    第六次作业
    第五次作业
    第四次作业
    复习心得 JAVA异常处理
    预习心得
  • 原文地址:https://www.cnblogs.com/yytest/p/12600234.html
Copyright © 2011-2022 走看看