zoukankan      html  css  js  c++  java
  • 实体、颜色、路径、标签、超链接、图片

    一般标签

      <h1>这是一级标题</h1>
      <h2>这是二级标题</h2>
      <h3>这是三级标题</h3>
      <h4>这是四级标题</h4>
      <h5>这是五级标题</h5>
      <h6>这是六级标题</h6>

      <p>段落</p>

      <b>加粗</b>
      <strong>加粗(强调)</strong>

      <i>倾斜</i>
      <em>倾斜</em>

      <u>下划线</u>

      2 <sup>2</sup> <!--上标-->
      2 <sub>2</sub><!--下标-->

      <s>删除线</s>

      <pre>(格式化文本:按照当前格式在网页上显示)
        123
        456
      </pre> 

      <center>居中</center>

      <br> 换行
      <hr>  水平线

      <b style="font-weight: normal ; font-style: italic" >倾斜加粗 用css更改样式</b>

      <span></span>

      <div></div>


    实体:&实体名称;

      &nbsp; &copy;

      <br>下面介绍居中标签:
      &lt;<!--(代表尖括号) --> &gt; &lt;center&gt;

      练习:

        <pre style="font-size: 20px;font-family: 微软雅黑">
        &lt;标签名 属性名1="属性值" 属性名2="属性值"&gt;
          内容
        &lt;/标签名&gt;
        或者
        &lt;标签名 属性名1="属性值" 属性名2="属性值" /&gt;
        </pre>


     颜色
      1、英文:red blue green white yellow 例:<body bgcolor="red">
      2、16进制代码 : #000000 简写:#000 黑色 例:<body bgcolor="#CCC">
      3、rgba : rgba(0-255,0,0 ,0-1)三原色+透明度(0完全透明 1不透明)
      例:style="background-color: rgba(139,241,66,1.00)"


    路径
      1、绝对路径:从根开始找
        D:xinzhandian2018.07.06index.html

      2、相对路径:相对于自己位置开始找
        guanju.html


         ./ 代表当前位置
         ../ 代表上一级目录
         / 根目录,站点也代表根目录


    标签:


      标签特性:通过 display:block
        a.block:将当前转为块状元素;
        b.inline:将当前转为内联元素;
        c.inline-block:将当前转为内联-块元素;
        d.none:隐藏该元素 样式更改特性

      块标签:
        默认占一行,可以设置宽高 div h1 p

      行内标签:
        默认不占一行,不可以设置宽高,宽高根据内容来 span a

      行内块标签:
        默认不占一行,可以设置宽高 img




    超链接 页面跳转 a


      <a href="路径" target="打开方式" _self(当前页跳转) _blank(新页面打开)>
        百度
      </a>

      a:
       1、页面跳转
       2、定位:点击定位到指定位置
        (1)设定锚点:给附近的标签加id属性
        (2)a标签路径指定到id值 用到 # 代表本页
       3、其他功能
        下载:浏览器说你这个路径的文件我搞不定,我给你提供下载,你自己看。
        打开QQ


    iframe 框架

      <iframe src="guanju.html" frameborder="1"></iframe><!-- 把另一个页面的内容当做这个页面的窗口-->




    图片  img

      <img src="吾皇.jpg" alt="图片替换文字" width="100" height="100" title="提示框"><!-- 宽高只设一个会等比缩放-->

  • 相关阅读:
    2014 ACM/ICPC Asia Regional Guangzhou Online HDU 5024 Wang Xifeng's Little Plot
    HDU 5015 2014 ACM/ICPC Asia Regional Xi'an Online 233 Matrix
    POJ 1269 Intersecting Lines(直线相交的判断)
    POJ 3304 Segments
    POJ 2318 TOYS
    The 2014 ACM-ICPC Asia Mudanjiang Regional First Round C ZOj 3811
    unique函数(先记下来)
    计算几何常用算法(数学知识)
    HUD 3461 codelock 纯题意解释,不含思想
    POJ 1182 食物链
  • 原文地址:https://www.cnblogs.com/wjglm/p/9284376.html
Copyright © 2011-2022 走看看