首页 > 其他分享 >HTML5基本常用标签

HTML5基本常用标签

时间:2024-04-10 21:33:21浏览次数:22  
标签:常用 网页 标签 标题 注释 内容 HTML5 属性

一、标题

  • 主标题

                <h1>标题</h1>

  •   副标题

                <h2>标题二</h2>

  •   正文

                 <p>内容</p>

        这边新建一个文本为index.html的示例并且运行如下:

二、根标签

        注意:一个网页有且只有一个根标签!!

1、  根标签格式:        <html>内容</html>

               根标签的子标签格式:<head></head>  

                                                   <body></body>

                              <head></head> 的子标签 :  <title></title>

        完善index.html的网页标签:

 

三、自结束标签和注释

1、一般的标签成双成对出现,有头有尾,但也会存在一些自结束标签。

2、<img>、<input>不是成对头尾出现,只有开始标签。又可以写成:<img />、<inpput />        称为自结束标签。

3、注释:<!--    内容    -->  。HTML注释中的内容会被游览器所忽略,不会在网页中直接显示。但是可以在源码中查看注释,注释用来对代码进行解释说明的。注释还可以将一些不希望显示的内容隐藏。注释不能嵌套。

四、标签中的属性

1、在标签中(开始标签或自结束标签)可以设置属性。属性是一个名值对(x=y)。属性用来设置标签中的内容如何显示。

2、格式:<font  属性名=“属性值”> </font>

3、属性和标签名或其他属性应该使用空格隔开。属性名和属性值不能瞎写,应当根据文档中的规定编写。有些属性名有属性值有些没有,如果有属性值应该使用引号(单引号或者双引号)。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson'

示例:

这一节都是基本的常用的一些简单标签,后续其他的常用标签都会一一跟大家分享,下一节跟大家分享一些进制、字符编码、文档的使用等等知识点。欢迎大家一起探讨学习!

标签:常用,网页,标签,标题,注释,内容,HTML5,属性
From: https://blog.csdn.net/weixin_56855018/article/details/137603831

相关文章

  • 常用集合算法
    算法简介:set_intersection//求两个容器的交集set_union//求两个容器的并集set_difference//求两个容器的差集一、set_intersection:求两个容器的交集函数原型:set_intersection(iteratorbeg1,iteratorend1,iteratorbeg2,iteratorend2,iteratordest);//be......
  • java中常用的API-Runtime
    Runtime表示当前虚拟机的运行环境Runtime类是Java运行时的表示。每个Java应用程序都有一个与之关联的Runtime实例,它允许应用程序与其运行的环境进行交互。你可以使用Runtime类来获取关于JVM(Java虚拟机)的信息,以及执行一些特定的运行时操作 使用 Runtime 类来获取和打......
  • 常用数据结构
    程序=数据结构+算法,数据结构是程序的骨架,而算法则是程序的灵魂常用的数据结构数组(Array):是一种线性数据结构,由相同类型的元素组成,可以通过索引访问元素。链表(LinkedList):是一种线性数据结构,由节点组成,每个节点包含数据和指向下一个节点的指针。栈(Stack):是一种后进先出(LIFO)的数......
  • 【QT入门】Qt自定义控件与样式设计之QPushButton常用qss
    往期回顾【QT入门】Qt自定义控件与样式设计之qss介绍(Qtstylesheet)-CSDN博客【QT入门】Qt自定义控件与样式设计之qss选择器-CSDN博客【QT入门】Qt自定义控件与样式设计之QLineEdit的qss使用-CSDN博客 【QT入门】Qt自定义控件与样式设计之QPushButton常用qss这里我......
  • xshell常用命令 以及文件属性类型
      xshell常用命令1tree/home/树状形式显示yuminstalltree2cat:查看文本内容cat>>test2.txt<<EOF>ads>adf>EOF3less,more:文本查看,分页less/etc/services4head-n1/etc/services:查看该文件第一行5psaux|head-n5:查看前5......
  • 常用正则表达式
    1.校验数字的表达式 1.数字:^[0-9]*$ 2.n位的数字:^\d{n}$ 3.至少n位的数字:^\d{n,}$ 4.m-n位的数字:^\d{m,n}$ 5.零和非零开头的数字:^(0|[1-9][0-9]*)$ 6.非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7.带1-2位小数的正数或负数:^(\-)?\d+(......
  • H5_状态标签
    meter标签属性值描述high数值规定高值low数值规定低值max数值规定最大值min数值规定最小值optimum数值规定最优值value数值规定当前值progress标签语义:显示某个任务完成的进度的指示器,一般用于表示进度条,双标签,例如:工作完成进度等......
  • Dotnet8.0常用工程模板
     --dotnetnew--installMicrosoft.Azure.WebJobs.ProjectTemplates安装最新版本dotnetnewinstallMicrosoft.DotNet.Web.Spa.ProjectTemplates安装指定版本dotnetnewinstallMicrosoft.DotNet.Web.Spa.ProjectTemplates::2.0.0安装制定版本且制定数据源dotnetnew......
  • 如何在header中添加Link标签?
    在header中添加Link标签可以通过以下步骤实现:首先,在HTML文档的<head>标签中找到或创建一个<header>标签,用于放置所有的头部内容。在<header>标签内部,使用<link>标签来添加Link标签。Link标签用于在HTML文档中引入外部资源,如样式表、图标等。在<link>标签的rel属性中指定链接的......
  • C语言中的结构体:组织与管理数据的方式》 标签: C语言
    结构体结构体的声明结构体是一种复合数据类型,它允许我们将多个不同类型的数据项组合成一个单一的实体。这与其他基本数据类型(如整数、浮点数、字符等)不同,后者通常只能存储单一类型的数据。类比:数组:一组相同元素的集合。结构的声明结构的声明使用struct关键字,后跟结构......