热门标签 | 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中必须写成

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


推荐阅读
  • mui框架offcanvas侧滑超出部分隐藏无法滚动如何解决
    web前端|js教程off-canvas,部分,超出web前端-js教程mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格 ... [详细]
  • 单页面应用 VS 多页面应用的区别和适用场景
    本文主要介绍了单页面应用(SPA)和多页面应用(MPA)的区别和适用场景。单页面应用只有一个主页面,所有内容都包含在主页面中,页面切换快但需要做相关的调优;多页面应用有多个独立的页面,每个页面都要加载相关资源,页面切换慢但适用于对SEO要求较高的应用。文章还提到了两者在资源加载、过渡动画、路由模式和数据传递方面的差异。 ... [详细]
  • 如何实现织梦DedeCms全站伪静态
    本文介绍了如何通过修改织梦DedeCms源代码来实现全站伪静态,以提高管理和SEO效果。全站伪静态可以避免重复URL的问题,同时通过使用mod_rewrite伪静态模块和.htaccess正则表达式,可以更好地适应搜索引擎的需求。文章还提到了一些相关的技术和工具,如Ubuntu、qt编程、tomcat端口、爬虫、php request根目录等。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • ASP.NET2.0数据教程之十四:使用FormView的模板
    本文介绍了在ASP.NET 2.0中使用FormView控件来实现自定义的显示外观,与GridView和DetailsView不同,FormView使用模板来呈现,可以实现不规则的外观呈现。同时还介绍了TemplateField的用法和FormView与DetailsView的区别。 ... [详细]
  • 导出功能protectedvoidbtnExport(objectsender,EventArgse){用来打开下载窗口stringfileName中 ... [详细]
  • 本文介绍了响应式页面的概念和实现方式,包括针对不同终端制作特定页面和制作一个页面适应不同终端的显示。分析了两种实现方式的优缺点,提出了选择方案的建议。同时,对于响应式页面的需求和背景进行了讨论,解释了为什么需要响应式页面。 ... [详细]
  • 如何在php文件中添加图片?
    本文详细解答了如何在php文件中添加图片的问题,包括插入图片的代码、使用PHPword在载入模板中插入图片的方法,以及使用gd库生成不同类型的图像文件的示例。同时还介绍了如何生成一个正方形文件的步骤。希望对大家有所帮助。 ... [详细]
  • 使用圣杯布局模式实现网站首页的内容布局
    本文介绍了使用圣杯布局模式实现网站首页的内容布局的方法,包括HTML部分代码和实例。同时还提供了公司新闻、最新产品、关于我们、联系我们等页面的布局示例。商品展示区包括了车里子和农家生态土鸡蛋等产品的价格信息。 ... [详细]
  • 本文介绍了在HTML中实现表格的页眉页脚布局的解决方案。通过基本的HTML/CSS技术,避免使用内联样式和固定定位,实现了一个标准的页眉页脚布局。提供了一个替代的解决方案,为读者提供了参考。 ... [详细]
  • Linux下部署Symfoy2对app/cache和app/logs目录的权限设置,symfoy2logs
    php教程|php手册xml文件php教程-php手册Linux下部署Symfoy2对appcache和applogs目录的权限设置,symfoy2logs黑色记事本源码,vsco ... [详细]
  • 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社区 版权所有