实体、颜色、路径、标签、超链接、图片

 

一般标签

  <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:\xinzhandian\2018.07.06\index.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="提示框"><!-- 宽高只设一个会等比缩放-->

 

posted @ 2018-07-09 16:21  wangjinggang  阅读(98)  评论(0编辑  收藏  举报