热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

4.HTML基础——基础标签

文章目录基础标签学习快捷键H系列标签(Header1——Header6)P标签(Paragraph)Hr标签(

文章目录

  • 基础标签学习
    • 快捷键
    • H系列标签(Header 1——Header 6)
    • P标签(Paragraph)
    • Hr标签(Horizontal Rule)


基础标签学习

快捷键


  • *首先给我的webstorm创建一个能够快速创建.html文件的快捷键:ctrl+Shift+Tab
  • 如何在webstorm中让光标移动到当前行的末尾:Fn+End
  • 如何在webstorm中让光标移动到当前行的首部:Fn+Home
  • 如何在webstorm中让光标在多行中闪烁:Alt+J选中需要的位置
  • 如何在webstorm中快速复制光标所在那一行:ctrl+d
  • 如何在webstorm中快速删除光标所在那一行:ctrl+x
  • 如何在webstorm中让标签包裹一段内容,也就是自动在一段内容前后加上标签:Ctrl+alt+t,然后找到surrounded with tag按下回车,输入对应的标签即可

H系列标签(Header 1——Header 6)

作用:

  • 用于给文本添加标题语义

格式:

  • xxxxxxxxxx

注意:

  • H标签是用来给文章添加标题语义的,而不是用来修改文本的样式的。
  • H标签一共有6个,从h1到h6,最多只能到6,超过6则无效。

<body>
<h1>我是标题1h1>
<h2>我是标题2h2>
<h3>我是标题3h3>
<h4>我是标题4h4>
<h5>我是标题5h5>
<h6>我是标题6h6>
<h7>我是标题7h7>
我是普通文本
body>

运行截图&#xff1a;
在这里插入图片描述

  • 被H系列标签包裹的内容会独占一行
  • 在H系列标签中&#xff0c;h1最大&#xff0c;h6最小
  • 在企业开发中&#xff0c;一定要慎用H系列的标签&#xff0c;特别是h1标签&#xff0c;在企业开发中一般情况下&#xff0c;一个界面只能出现一个h1标签&#xff08;和SEO有关&#xff09;

控制标题居左居右居中可以使用
在这里插入图片描述
但是并不推荐使用&#xff0c;在企业开发中一定不能使用&#xff0c;改变样式需要使用到css&#xff01;&#xff01;&#xff01;

P标签&#xff08;Paragraph&#xff09;

作用&#xff1a;

  • 告诉浏览器哪些文字是一个段落

格式&#xff1a;

  • xxxxxx

注意&#xff1a;

  • 在浏览器中会单独占据一行

Hr标签&#xff08;Horizontal Rule&#xff09;

作用&#xff1a;

  • 在浏览器上显示一条分割线

格式&#xff1a;


  • —— 单标签
    注意&#xff1a;

  • 在浏览器中会单独占据一行



  • 在HTML5中没有区别&#xff0c;但在XHTML中必须写成

  • 按照高级开发工具的提示来写


推荐阅读
  • 单页面应用 VS 多页面应用的区别和适用场景
    本文主要介绍了单页面应用(SPA)和多页面应用(MPA)的区别和适用场景。单页面应用只有一个主页面,所有内容都包含在主页面中,页面切换快但需要做相关的调优;多页面应用有多个独立的页面,每个页面都要加载相关资源,页面切换慢但适用于对SEO要求较高的应用。文章还提到了两者在资源加载、过渡动画、路由模式和数据传递方面的差异。 ... [详细]
  • mui框架offcanvas侧滑超出部分隐藏无法滚动如何解决
    web前端|js教程off-canvas,部分,超出web前端-js教程mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格 ... [详细]
  • 如何实现织梦DedeCms全站伪静态
    本文介绍了如何通过修改织梦DedeCms源代码来实现全站伪静态,以提高管理和SEO效果。全站伪静态可以避免重复URL的问题,同时通过使用mod_rewrite伪静态模块和.htaccess正则表达式,可以更好地适应搜索引擎的需求。文章还提到了一些相关的技术和工具,如Ubuntu、qt编程、tomcat端口、爬虫、php request根目录等。 ... [详细]
  • ASP.NET2.0数据教程之十四:使用FormView的模板
    本文介绍了在ASP.NET 2.0中使用FormView控件来实现自定义的显示外观,与GridView和DetailsView不同,FormView使用模板来呈现,可以实现不规则的外观呈现。同时还介绍了TemplateField的用法和FormView与DetailsView的区别。 ... [详细]
  • 导出功能protectedvoidbtnExport(objectsender,EventArgse){用来打开下载窗口stringfileName中 ... [详细]
  • 本文介绍了响应式页面的概念和实现方式,包括针对不同终端制作特定页面和制作一个页面适应不同终端的显示。分析了两种实现方式的优缺点,提出了选择方案的建议。同时,对于响应式页面的需求和背景进行了讨论,解释了为什么需要响应式页面。 ... [详细]
  • 分享css中提升优先级属性!important的用法总结
    web前端|css教程css!importantweb前端-css教程本文分享css中提升优先级属性!important的用法总结微信门店展示源码,vscode如何管理站点,ubu ... [详细]
  • 如何在php文件中添加图片?
    本文详细解答了如何在php文件中添加图片的问题,包括插入图片的代码、使用PHPword在载入模板中插入图片的方法,以及使用gd库生成不同类型的图像文件的示例。同时还介绍了如何生成一个正方形文件的步骤。希望对大家有所帮助。 ... [详细]
  • 使用圣杯布局模式实现网站首页的内容布局
    本文介绍了使用圣杯布局模式实现网站首页的内容布局的方法,包括HTML部分代码和实例。同时还提供了公司新闻、最新产品、关于我们、联系我们等页面的布局示例。商品展示区包括了车里子和农家生态土鸡蛋等产品的价格信息。 ... [详细]
  • 本文介绍了在HTML中实现表格的页眉页脚布局的解决方案。通过基本的HTML/CSS技术,避免使用内联样式和固定定位,实现了一个标准的页眉页脚布局。提供了一个替代的解决方案,为读者提供了参考。 ... [详细]
  • 本文介绍了互联网思维中的三个段子,涵盖了餐饮行业、淘品牌和创业企业的案例。通过这些案例,探讨了互联网思维的九大分类和十九条法则。其中包括雕爷牛腩餐厅的成功经验,三只松鼠淘品牌的包装策略以及一家创业企业的销售额增长情况。这些案例展示了互联网思维在不同领域的应用和成功之道。 ... [详细]
  • wordpress的内页悬浮选项卡功能预览及使用方法介绍
    本文介绍了wordpress的内页悬浮选项卡功能,包括功能预览和使用方法。用户可以自定义切换按钮,设置锚点信息区域,灵活多变且无需代码编辑。文章可以统一设置按钮,也可以独立设置单篇文章的按钮,滚动模式下按钮以滑动形式展示,具有条理性和锚点属性,有利于SEO。滚动效果增加了网站的互动性,让用户参与互动,同时完全兼容手机,使信息展示更清晰。 ... [详细]
  • Linux下部署Symfoy2对app/cache和app/logs目录的权限设置,symfoy2logs
    php教程|php手册xml文件php教程-php手册Linux下部署Symfoy2对appcache和applogs目录的权限设置,symfoy2logs黑色记事本源码,vsco ... [详细]
  • Oracle 和 mysql的9点区别【MySQL】
    数据库|mysql教程oracle,Oracle,money,mysql,coun数据库-mysql教程1.组函数用法规则mysql中组函数在select语句中可以随意使用,但在o ... [详细]
  • PHP输出缓冲控制Output Control系列函数详解【PHP】
    后端开发|php教程PHP,输出缓冲,Output,Control后端开发-php教程概述全景网页源码,vscode如何打开c,ubuntu强制解锁,sts启动tomcat慢,sq ... [详细]
author-avatar
xh7212176
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有