zoukankan      html  css  js  c++  java
  • HTML总结

    HTML,超文本标记语言,HyperText Mark-up Language,通过标记符号来标记要显示的网页中的各个部分;

    一、注意事项:

        1、所有的标记都以<   >作为开始和结束;

        2、标记之间可以嵌套<h1><center>标题</h1></center>,请注意层次;

        3、在源代码中不区分大小写   <head> <Head> <HEAD>  作用相同,但是XHTML比HTML更严格,其区分大小写,且校验元素开闭符;

        4、回车键和空格键在源代码中不起作用,一切格式或样式,均由各标记元素实现

    二、元素或标记

      1、头部标记<head>

        一般,js css一般都在<head>中定义或者引用;

        一般,<head>中定义的内容不会在网页上显示,而是通过另外的方式起作用 如:<title>

        <head>内其他的标识或元素

         

    标签描述
    <head> 定义关于文档的信息。
    <title> 定义文档标题。
    <base> 定义页面上所有链接的默认地址或默认目标。
    <link> 定义文档与外部资源之间的关系。
    <meta> 定义关于 HTML 文档的元数据。
    <script> 定义客户端脚本。
    <style> 定义文档的样式信息。

     <head>示例:

     1 <html>
     2 <head>
     3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     4 <meta name="description" content="HTML examples">
     5 <!-- 作者信息描述 -->
     6 <meta name="author" content="w3school.com.cn">
     7 <!-- 关键字 -->
     8 <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
     9 <!-- 重定向 -->
    10 <meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />
    11 
    12 <link rel="stylesheet" type="text/css" href="mystyle.css" />
    13 <style type="text/css">
    14   body {background-color:yellow}
    15   p {color:blue}
    16 </style>
    17 
    18 <title>标题不会显示在文档区</title>
    19 
    20 </head>
    21 
    22 <body>
    23 </body>
    24 
    25 </html>

       2、页面主体<body>

      页面的主体位于<body></body>之间

    属性描述
    alink
    • rgb(x,x,x)
    • #xxxxxx
    • colorname

    不赞成使用。请使用样式取代它。

    规定文档中活动链接(active link)的的颜色。

    background URL

    不赞成使用。请使用样式取代它。

    规定文档的背景图像。

    bgcolor
    • rgb(x,x,x)
    • #xxxxxx
    • colorname

    不赞成使用。请使用样式取代它。

    规定文档的背景颜色。

    link
    • rgb(x,x,x)
    • #xxxxxx
    • colorname

    不赞成使用。请使用样式取代它。

    规定文档中未访问链接的默认颜色。

    text
    • rgb(x,x,x)
    • #xxxxxx
    • colorname

    不赞成使用。请使用样式取代它。

    规定文档中所有文本的颜色。

    vlink
    • rgb(x,x,x)
    • #xxxxxx
    • colorname

    不赞成使用。请使用样式取代它。

    规定文档中已被访问链接的颜色。

      3、文字与段落

        特殊字符

        

    显示结果描述实体名称实体编号
      空格 &nbsp; &#160;
    < 小于号 &lt; &#60;
    > 大于号 &gt; &#62;
    & 和号 &amp; &#38;
    " 引号 &quot; &#34;
    ' 撇号  &apos; (IE不支持) &#39;

         <!--   -->  注释语句   如    <!-- HTML语言  -->    该代码不会在IE中显示

          <h>标题字标记   <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>字体依次逐级递减

         <b> <strong>  粗体标记

         <i>   <em>  <cite>   斜体标记

        <sup>上标记    <sub>下标记

        <u>下划线标记

        <s>   <strike>   删除线标记

        <address>地址文字标记  :主要用语显示E_MAIL 地址等文字内容   主要用于英文字体中显示

        <tt>打字机标记   该标记用来创建出打字机风格的字体,文字间是以等宽来显示的

        <code>  <samp>  等宽文字标记   使用等宽字体来显示文字的内容   主要用于英文字体中显示  

        <kbd> 在标记间的文字就是键盘输入命令的文字效果 

        <var>  可以显示变量的文字效果,使用斜体

        <big>大字号标记     将当前的文字加大一级字号显示   <small>小字号标记     将当前的文字缩小一级字号显示

        <font>字体标记,用于加属性进行字段格式控制

        <p>段落标记      段落:就是一段格式上统一的文本   可以说段落就是带有硬回车的组合

        <br> 换行标记     <nobr>不换行标记  

        <pre>预格式化标记:就是保留文字在源代码中的格式,页面的显示效果与在源代码的格式完全一致

        <hr>水平线标记-----       用语段落与段落之间的分割

  • 相关阅读:
    exceljs xlsx 前端生成excel 和解析excel (一)
    分片分N次请求记录,包含重试控制,前端拼接总数据数组后导出
    打包文件复制脚本
    复制到剪贴板
    去掉控制台consolelog
    axios 使用 v3
    并发 promiseAll from dalao
    axios 使用v2
    docker-compose安装sonarqube7.9
    centos7 部署minio
  • 原文地址:https://www.cnblogs.com/huasky/p/9072779.html
Copyright © 2011-2022 走看看