Html01

 lang:en  zh-CN
charset:UTF-8

标签:
标题标签:<h1><h2><h3>在合适的地方放合适的标签

顺序:
1:确定结构语义
2:确定css文件

一:常用标签:
1:排版标签:
    1:标题标签:<h1----h6>熟记 大小依次递减  一行只显示一行标题/
    2:段落标签:<p>熟记  换行 空格不管用 段落之间的间距大
    3:水平线标签:<hr>认识 hor
    4:换行标签<br>熟记  break   每行之间的距离小
    5:<div><span>重点  并没有准确的语义,只是容器作用 
        div:用于布局,一行只能放一个div
        span一行可以有多个span标签 
2:文本格式化标签:加粗,倾斜,下划线效果
    1:加粗:<b> <strong>(推荐使用)
    2:斜体:<i> <em>(推荐使用)
    3:删除线:<s> <del>(推荐使用)
    4:下划线:<u> <ins><推荐使用>
3:标签属性:大小,颜色,长度,宽度
     <标签名 属性1="属性值1" 属性2="属性值2" ...>内容</标签名>
     1:图片标签:<img src="图片url">
     alt:图片没有的时候的替换文本
     title:鼠标悬停时显示的文本(需要悬停2s左右)
     width:图片的宽度
     heigh:图片的高度
     border:设置边框的宽度
     2:连接标签:
     <a href="目标" target="目标弹出的方式"></a>
     "#"代表空连接
     target:self和blank两种:blank代表从新窗口打开(打开一个新标签)
     _self
     _blank
     3:注释标签 ctrl+/
 二:路径
     按功能分包-->目录文件夹
     1:相对路径:
         1:同级:<img src="demo.jpeg">
         2:下一级:<img src="images/demo.jpeg">
         3:上一级:<img src="../images/demo.jpeg">
     2:绝对路径:
     3:锚点定位的实现:(目录)
         1:设置相应id  <h4 id="1">图片连接</h4>
         2:<a href="#1" >锚点跳转</a>
     4:base标签的实现:(对所有的跳转方式的进行设置)
         1:<head><base target="_blank" /></head>
         2:<a href="https://www.baidu.com"></a>
     5:预格式化文本:按照预先写好的文字格式显示界面
         1:<body><pre></pre></body>
         2:根据内容格式效果进行显示


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值