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

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


推荐阅读
  • 本文详细介绍如何使用CSS自定义HTML5视频播放器的样式,涵盖常见属性及跨浏览器兼容性问题。发布时间:2020-09-14 14:46:29;来源:亿速云;阅读量:58;作者:小新。 ... [详细]
  • 本文详细介绍了JSP的三大指令:page、include和taglib,重点探讨了静态包含与动态包含的区别及其应用场景,并解释了如何使用taglib指令引入第三方标签库。 ... [详细]
  • 嵌入式开发环境搭建与文件传输指南
    本文详细介绍了如何为嵌入式应用开发搭建必要的软硬件环境,并提供了通过串口和网线两种方式将文件传输到开发板的具体步骤。适合Linux开发初学者参考。 ... [详细]
  • 解决TensorFlow CPU版本安装中的依赖问题
    本文记录了在安装CPU版本的TensorFlow过程中遇到的依赖问题及解决方案,特别是numpy版本不匹配和动态链接库(DLL)错误。通过详细的步骤说明和专业建议,帮助读者顺利安装并使用TensorFlow。 ... [详细]
  • 深入解析ESFramework中的AgileTcp组件
    本文详细介绍了ESFramework框架中AgileTcp组件的设计与实现。AgileTcp是ESFramework提供的ITcp接口的高效实现,旨在优化TCP通信的性能和结构清晰度。 ... [详细]
  • ListView简单使用
    先上效果:主要实现了Listview的绑定和点击事件。项目资源结构如下:先创建一个动物类,用来装载数据:Animal类如下:packagecom.example.simplelis ... [详细]
  • 软件工程课堂测试2
    要做一个简单的保存网页界面,首先用jsp写出保存界面,本次界面比较简单,首先是三个提示语,后面是三个输入框,然 ... [详细]
  • 本文详细探讨了 PHP 中常见的 '未定义索引' 错误,包括其原因、解决方案及最佳实践。通过实例和代码片段,帮助开发者更好地理解和处理这一常见问题。 ... [详细]
  • 在安装Ubuntu 12.10并尝试安装VMware Tools时,遇到了一个常见的错误提示:指定的路径不是有效的3.5.0-17-generic内核头文件路径。本文将提供解决这一问题的具体步骤。 ... [详细]
  • 本文详细介绍如何在Windows 7操作系统中安装Python,并在IIS (Internet Information Services) 中配置Python脚本的运行环境。步骤包括安装必要的组件、配置IIS处理程序映射以及测试Python脚本的执行。 ... [详细]
  • Spring Security核心概念与应用实践
    本文详细介绍了Spring Security的核心机制,包括其作为一系列过滤器的工作原理,如何实现用户认证与授权,以及常见的配置方法和高级特性如CSRF防护。 ... [详细]
  • 基于Node.js、Express、MongoDB和Socket.io的实时聊天应用开发
    本文详细介绍了使用Node.js、Express、MongoDB和Socket.io构建的实时聊天应用程序。涵盖项目结构、技术栈选择及关键依赖项的配置。 ... [详细]
  • 小编给大家分享一下如何移除URL中的index.php,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收 ... [详细]
  • 本文探讨了在iOS项目中导入MKNetworkKit库时遇到的常见问题及其解决方案。 ... [详细]
  • 本文探讨了浏览器的同源策略限制及其对 AJAX 请求的影响,并详细介绍了如何在 Spring Boot 应用中优雅地处理跨域请求,特别是当请求包含自定义 Headers 时的解决方案。 ... [详细]
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社区 版权所有