HTML的元素使用

1.HTML 常用元素

开始标签 *

元素内容

结束标签 *

<p>

这是一个段落

</p>

<a href="https://www.w3cschool.cn/html/default.htm">

这是一个链接

</a>

<br>

这是一个换行标签

<img src="" alt="">

这是一个图片标签

 <div>

这是一个div标签

</div>

<h>

这是标题标签

</h>

*开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)

2.HTML 元素语法

1.HTML 元素以开始标签起始

2.HTML 元素以结束标签终止

3.元素的内容是开始标签与结束标签之间的内容

4.某些 HTML 元素具有空内容(empty content)

5.空元素在开始标签中进行关闭(以开始标签的结束而结束)

6.大多数 HTML 元素可拥有属性

1.<p>,<a >,<br>,<<img>标签

标记、标签:<>  <html>                  

闭合标签(标签对 拥有开始标签和结束标签)标签对/双标签

  <html> </html>

<p>前端文本文字</p>

自闭合标签   (单标签)

<br> 换行   

<br>没有结束标签。

<img />  图片标签  

标签之间的关系:包含关系(父子关系)、并列关系。

    实例:

  

  1. <div>标签

    定义和用法

           <div> 可定义文档中的分区或节(division/section)。

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有  效。

 用法

   1. <div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是                     <div>  固有的唯一格式表现。

    2.可以通过 <div> 的 class 或 id 应用额外的样式。

   3.不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。

   4.可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

 

实例

 效果:

5.<h1>-<h6>标签

定义

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

实例:

实例的实现效果:

 

这是我所学到的HTML的元素使用方法,所以我要分享给你们,希望可以帮助到你们。

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!


 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值