码迷,mamicode.com
首页 > Web开发 > 详细

Html基础知识点1-标签

时间:2019-07-15 23:57:32      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:divide   完整   一个   路径   border   建立   显示   跳转   注册商标   

  • 标题标签:<head></head>  <title></title>  <h1></h1>~<h6></h6> (h1到h6字体从大到小逐级递减)
  • 段落标签:<p></p>
  • 水平线标签:<hr />
  • 换行标签:<br />
  • 盒子:<div></div>  <span></span>  (l两者没有语义,主要用于网页布局)
  • 文本格式标签:
    1. 粗体:<b></b>        <strong></strong>
    2. 斜体:<i></i>   <em></em>
    3. 加删除线:<s></s>  <del></del>
    4. 加下划线:<u></u>  <ins></ins>

(b i s u 只有使用 没有 强调的意思 strong em del ins 语义更强烈)

  • 图像标签:<img src="图像URL" />
  • <img />标记属性:
  1. src:路径
  2. alt:图片显示失败时替换的文本
  3. title:鼠标悬停时显示的内容
  4. width:图片的宽度
  5. height:图片的高度
  6. border:图片边框的宽度
  • 链接标签:<a href="跳转目标" target="目标窗口弹出方式“>文本或图像</a>

(没有跳转目标时可以使用#,表示暂时为一个空链接)

  • 锚点定位:
    1. 使用<a href="#id名">链接文本</a>
    2. <h3 id="id名">文本</h3>
  • Base标签:能使所有的a链接都以新窗口的方式打开(再head内写入<base target="_blank" />)
  • 特殊字符标签:
    • 空格  &nbsp;
    • 大于  &gt;
    • 小于  &lt;
    • &  &amp;
    • ¥ &yen;
    • 版权©  &copy;
    • 注册商标®  &reg;
    • 摄氏度o  &deg;
    • 正负号  &plusmn;
    • 乘  &times;
    • 除  &divide;
    • 平方  &sup2;
    • 立方  &sup3;
  • 注释标签:<!--注释内容-->

(路径分为相对路径和绝对路径)

  1. 相对路径:

    以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。

    1. 图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如img src="logo.gif" /

    2. 图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如img src="img/img01/logo.gif" /

    3. 图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如img src="../logo.gif" /

  2. 绝对路径:

    绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的

    “D:\web\img\logo.gif”,或完整的网络地址,例如“http://www.itcast.cn/images/logo.gif”。

  • 列表标签:
    1. 无序列表ul    例:<ul><li>内容</li></ul>
    2. 有序列表ol    例:<ol><li>内容</li></ol>
    3. 自定义列表dl    例:<dl><dt>名词</dt><dd>名词解释</dd></dl>

Html基础知识点1-标签

标签:divide   完整   一个   路径   border   建立   显示   跳转   注册商标   

原文地址:https://www.cnblogs.com/ld-xiaoluohao/p/11192299.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!