前端入门:重温div标签,解密br、hr、h1~h6和h7的作用

这篇具有很好参考价值的文章主要介绍了前端入门:重温div标签,解密br、hr、h1~h6和h7的作用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

上代码:

<!DOCTYPE html>  <!-- 约束;声明,指定文档类型为HTML-->

<html lang="en">   <!-- html标签一般分为两部分:head标签和body标签-->

<head>

    <title>Document</title>

</head>

<body><!-- body标签是html标签的主体内容-->

    <!-- div标签:块级元素,一般用作页面整体的框架部分,里面放其它的标签 -->

    <div style='background-color:red'>123</div>

    <!-- br:换行标签 -->

    <br>

    <!-- hr:水平分割线标签 -->

    <hr>

    <!-- h1~h6:用作标题的标签,“字体加粗,字号改变”,字号逐渐变小 -->

    <h1>555</h1>

    <h2>555</h2>

    <h3>555</h3>

    <h4>555</h4>

    <h5>555</h5>

    <h6>555</h6>

    <!-- h7不是标题标签,不会“字体加粗,字号改变”,就是一般标签(如:div)内的文字样式 -->

    <h7>555</h7>

</body>

</html>


运行结果:

前端入门:重温div标签,解密br、hr、h1~h6和h7的作用,前端,前端,html5,开发语言文章来源地址https://www.toymoban.com/news/detail-754411.html

到了这里,关于前端入门:重温div标签,解密br、hr、h1~h6和h7的作用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML <hr> 标签

    被水平线分隔的标题和段落: 元素 Chrome IE Firefox Safari Opera hr Yes Yes Yes Yes Yes 所有主流浏览器都支持 hr 标签。 hr 标签在 HTML 页面中创建一条水平线。 水平分隔线(horizontal rule)可以在 视觉上 将文档分隔成各个部分。 在 HTML 中,hr 标签没有结束标签。 在 XHTML 中,hr 必须被正

    2024年02月10日
    浏览(70)
  • 【前端|HTML系列第2篇】HTML零基础入门之标签元素

    大家好,欢迎来到前端入门系列的第二篇博客。在这个系列中,我们将一起学习前端开发的基础知识,从零开始构建网页和Web应用程序。本篇博客将为大家介绍HTML(超文本标记语言)常用标签元素,帮助零基础小白快速入门。 掌握html常用表情的使用、基础特性以及用途。

    2024年02月11日
    浏览(69)
  • Div标签里放img和span标签实现垂直水平居中

    正常默认布局 代码实现: 效果图如下:  我们首先 实现 span标签的文字在图片旁边垂直居中,这里有两种方法实现 方法一:在只考虑span文字在图片旁边垂直居中时推荐使用 给img和span标签的css样式都加上vertical-align: middle 代码实现: 效果图如下:   方法二:利用flex布局(

    2023年04月15日
    浏览(41)
  • css------div标签中居中的方式

    目录 如何让div标签在页面中实现居中的效果? 如何让div标签里面的字体实现居中的效果? text-align属性是干什么用的? 方法: 把css文件中相关标签的选择器中的margin属性设置为0 auto。例子如下, 方法:使用text-align属性和line-height属性。 text-align:center。line-height:div的heig

    2024年02月07日
    浏览(35)
  • html的无语义标签:div & span

    html的无语义标签:div span 无语义标签:div span 标题,段落,图片等都是通过固定的标签来表示,标题用h1~h6标签来表示,段落用p标签来表示,图片用img标签来表示……每个标签都有自己固定的用途,但是无语义标签除外,无语义标签没有固定的用途,它什么都可以干。 div 标

    2024年02月21日
    浏览(32)
  • HTML5+CSS3+移动web 前端开发入门笔记(二)HTML标签详解

    排版标签用于对网页内容进行布局和样式的调整。下面是对常见排版标签的详细介绍: 标题使用至标签进行定义。定义最大的标题,定义最小的标题。具有align属性,属性值可以是:left、center、right。 将给定的HTML代码转换为Markdown格式的标题标签如下所示: 效果演示: H3:

    2024年02月07日
    浏览(69)
  • div标签改写textarea,实现部分文本内容标红

    示例 div本来是没有focus和blur事件的,正常情况下无法获得焦点,解决方案如下: 如果用div来模拟一个texarea标签,同时需要它和texarea一样响应focus和blur事件,就需要给他加上attribute:tabindex; 只要元素的tabIndex属性设置成任何有效的整数那么该元素就能取得焦点。元素在取得

    2024年01月17日
    浏览(41)
  • vue中将新添加的div标签自动定位到可视区域内

    可以结合使用Vue的ref和scrollIntoView()方法来实现

    2024年02月11日
    浏览(39)
  • 更改el-tabs默认样式,实现tab标签居中显示,标签对应内容使用另一个div显示

    首先看效果图 如图所示,标签在浏览器窗口居中,但是下面的内容依然是默认从左到右,不会受到tab样式的影响

    2024年03月17日
    浏览(56)
  • selenium定位非select标签的下拉框(div/ul/li)

    1.定位下拉框,如果开发者选项是select标签的,我们一般会使用以下方法进行定位:  2.针对不是select属性的下拉框,如果再使用以上方法进行定位并选择可选项,就会报错,例如下拉框是在div标签,div标签下有ul,ul下有li可选项,这时候再使用1中的方法进行定位并选择,就

    2024年02月11日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包