zoukankan      html  css  js  c++  java
  • 《html — 文本格式化、链接、头部》

    1. html文本格式化 

      HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体

      这些HTML标签被称为格式化标签。

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

      然而,这些标签的含义是不同的:

      <b> 与<i> 定义粗体或斜体文本。

      <strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。

      

       

       

     2. html链接

      HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

      HTML使用标签 <a>来设置超文本链接。

    语法:

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

      href 属性描述了链接的目标。

      "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

    target属性:

      使用 target 属性,你可以定义被链接的文档在何处显示。 

    <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    </head>
    <body>
    
    <a href="https://www.runoob.com/" target="_blank">访问菜鸟教程!</a>
    
    <p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>
    
    </body>
    </html>
    

      如果不设置,默认在当前窗口直接打开。

    id属性:

      id属性可用于创建在一个HTML文档书签标记。

    <p>
    <a href="#C4">查看章节 4</a>
    </p>
    
    <h2><a id="C4">章节 4</a></h2>
    <p>这边显示该章节的内容……</p>
    

      点击查看章节会自动条状到章节4上。

    3. html头部 

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

      可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。

    3.1 title元素

      <title> 标签定义了不同文档的标题。

      当网页添加到收藏夹时,显示在收藏夹中的标题。

    <head> 
    <meta charset="utf-8"> 
    <title>文档标题</title>
    </head>
    

    3.2 base元素

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

    <head>
    <base href="http://www.runoob.com/images/" target="_blank">
    </head>
    

    3.3 link元素

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

      <link> 标签通常用于链接到样式表:

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

    3.4 style元素  

      <style> 标签定义了HTML文档的样式文件引用地址.

      在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:

    <head>
    <style type="text/css">
    body {background-color:yellow}
    p {color:blue}
    </style>
    </head>
    

    3.5 meta元素

      meta标签描述了一些基本的元数据。

    为搜索引擎定义关键词:

    <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
    

    为网页定义描述内容:

    <meta name="description" content="免费 Web & 编程 教程">
    

    定义网页作者:

    <meta name="author" content="Runoob">
    

    每30秒钟刷新当前页面:

    <meta http-equiv="refresh" content="30">
    

    3.6 script元素

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

      

  • 相关阅读:
    洛谷 P3384 【模板】树链剖分
    codevs 4633 [Mz]树链剖分练习
    看一个人的回答有感(怎么判断数组中有没有未定义的值,如:[,,1,,3])
    bzoj2754: [SCOI2012]喵星球上的点名
    bzoj4456: [Zjoi2016]旅行者
    bzoj4574:Zjoi2016线段树 dp
    bzoj4455: [Zjoi2016]小星星
    bzoj4516: [Sdoi2016]生成魔咒
    uoj#207. 共价大爷游长沙
    bzoj4530:[Bjoi2014]大融合
  • 原文地址:https://www.cnblogs.com/zhuangquan/p/13261460.html
Copyright © 2011-2022 走看看