前端一HTML:四: html标签

html标签简单说就是被"<>'括起来的就是标签。

  H系列标签.

     作用:将文字以标题的形式显示出来。一共有h1,h2,h3,h4,h5,h6标签.

P标签:段落标签

  将某行文字以段落形式显示。

<p>这是一段文字</p>

hr标签:在页面上显示一条横线.默认占整行

<hr/>

br标签:  换行

<br/>

 

b, u, i, s, strong,em, del,ins标签

    <b>这是b标签</b>  加粗
    <u>这是u标签</u>  下划线
    <i>这是i标签</i>  倾斜
    <s>这是s标签</s>  删除线
    以上标签是逐渐被淘汰的标签,不建议使用
    

    <strong>这是strong标签</strong>   加粗
    <ins>这是ins标签</ins>            下划线
    <em>这是em标签</em>               倾斜
    <del>这是del标签</del>            删除线

img标签: <img src="图片的路径"  />

  src是img的属性, 表示图片的路径

 alt属性, 如果图片加载不出来,会显示该属性的文字.

 title属性: 介绍这张图片

      路径问题:  1.绝对路径: 从电脑的具体盘符开始寻找。如 E:\testCode\html\1.jpg

                        2. 相对路径: 一个文件相对于另一个文件的位置。  上一级: ../     下一级 文件夹/图片(<img src="html/google.jpg" />)

 <img src="google.jpg" title="google" alt="google图标" />

a标签: 从一个页面跳向另一个页面

 <a href="路径">文本</a>  # 跳转
 <a href="#">不跳转</a>   # href="#"表示不跳转

 
 # 当点击"跳转到本页面的某个位置",就会跳转到"本页面位置"所在的位置
 <a href="#target">跳转到本页面的某个位置</a>
 <del id="target">本页面位置</del>


 # target属性
 <a href="tool.html" target="_blank">tool</a> # target="_blank"保留原始页面,在进行跳转
 <a href="tool.html" target="_self">tool</a>  # target="_self" 在当前页面进行跳转

 # 在跳转的页面进行定位
   一个页面:   <a href="跳转页面.html#target">跳转</a>
   另一个页面: <p id="target">希望直接从这里开始</p>
   两个页面的id名要保持一致

     base标签:为页面上所有的a标签设置跳转的方式.用来统一指定跳转方式

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <base target="_blank"></base> <!-- base标签一般放在head标签内 -->
</head>

 

通过浏览器查看页面上的元素具体的标签。

   通过审核元素(浏览器不同,叫法也不一样。比如有的浏览器叫"检查","检查元素')

 

<sup>   上标记

    X<sup>2</sup>+Y<sup>2</sup>=Z<sup>3</sup><br>

<sub>   下标记

  Fe<sub>3</sub>O<sub>4</sub>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值