HTML基本标签 | 零基础学HTML(三)

79 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第12天,点击查看活动详情

  • <h1>由于非常重要,内部的文字对于提高搜索引擎排名也非常重要,为了防止作弊,如果一个页面出现多个<h1>,反而降低权重。约定俗成的,一个页面中只会出现一个<h1>
  • <b>定义粗体文本 <em>定义着重文字 <i>定义斜体字 <u>定义下划线 <sub>定义下标字 <sup>定义上标字 <del>定义删除线
  • <img>标签常用属性 image.png
    • 相对路径和绝对路径:
      • 相对路径:查找时从HTML文件本身出发,根据相对的位置进行查找,包含三种方向

        • 同级查找:指目标文件与HTML文件位于同一级,直接书写文件名+后缀格式:<img src=”smile01.jpg”>

        • 子级查找:指目标文件在与HTML文件同一级的文件夹的内部,需要先查找文件夹名称,然后通过关闭符合/进入文件夹查找里面的文件;如果有多层文件夹,需要/进入多层:<img src=”images/smile02.png”>    <img src=”images/tupian/smile03.jpg”>

        • 上级查找:指目标文件在HTML文件所在文件夹的更上一级,需要跳出当前文件夹到上一层,路径写法利用../表示跳出一级,如果跳出多级书写多次../,直到找到文件:<img src=”../../smile04.jpg”/>   <img src=”../images/smile01.jpg”/>

       - 绝对路径:查找文件时,不需要从HTML文件出发,而是直接从电脑的盘符出发进行查找,或者使用网址形式查找:

        - 盘符出发:例如从C盘或者D盘出发查找图片,书写时以C:/开头,后续类似子级查找写法直至找到目标文件:`<img src=”C:/Users/teacher/Documents/html/case/images/smile02.png>`

        - 网址形式:要查找的文件是来自网络资源,路径写法以`http://开头:<img src=”http://img3.imgtn.bdimg.com/it/u=1084243323,278941980&fm=26&Igp=0.jpg”/>`

       - 从盘符出发的绝对路径的缺点:a.盘符出发的路径不可移植,不可移动;b.盘符出发的路径容易出现中文字符,中文的路径容易出现错误

       - 路径实际使用:a.建议多使用相对路径,可以适当使用网址形式的绝对路径;b.使用相对路径必须将图片或文件与HTML同时上传,而且需要保持相对位置不变

title属性是在鼠标放到图片上时,会显示文字

只设置宽度或者高度,另一个会进行等比例进行缩放