html——常用标签

news2024/9/24 19:24:12

 HTML标签

  1. 结构说明

       · 标签由<>/、英文单词或字母组成

       · 标签<>中包裹起来的英文单词或字母称为标签名

  2. 标签种类

     · 常见标签由两部分组成,称之为双标签,前部分称为开始标签,后部分称为为 结束标签,两部分之间包裹内容(如<head><body><title>

       · 少数标签由一部分组成,称为单标签自成一体,无法包容 (如<br/><hr/>

HTML标签之间关系

  1. 嵌套关系(父子关系)

  2. 并列关系(兄弟关系)

 <title>标签

<title>我的第一个网页</title>

标题标签

<h1>一级标题</h1>

<h2>二级标题</h2>

<h3>三级标题</h3>

<h4>四级标题</h4>

<h5>级标题</h5>

<h6>六级标题</h6>

  段落标签

 <p>…</p>

eg:

<h1>北京欢迎你</h1>

<p>北京欢迎你,有梦想谁都了不起!</p>

<p>有勇气就会有奇迹。</p>

换行标签 

 <br/>

eg:

<h1>北京欢迎你</h1>

<p>

  北京欢迎你,有梦想谁都了不起!<br />

  有勇气就会有奇迹。<br />

  北京欢迎你,为你开天辟地<br />

  ……

</p>

水平线标签

 <hr/>

eg:

<h1>北京欢迎你</h1>

<hr/>

<p>

  北京欢迎你,有梦想谁都了不起!<br />

  有勇气就会有奇迹。<br />

  北京欢迎你,为你开天辟地<br />

  ……

</p>

开发中常用无语义布局标签

<div>标签

块元素,独占一行,与内容无关

<span>标签

1、 行内元素, 默认宽度只与内容有关,占满一行自动换行
2、能让某几个文字或者某个词语凸显出来

 块元素可以包含行内元素,行内元素不能包含块元素,只能包含文本或其它行内元素

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1920782.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

全国排名第一的起名大师颜廷利:唯有量力而行,才能。。。

在探索成功与个人成长的旅程中&#xff0c;中国传统哲学提供了一个独特的视角&#xff1a;量力而行&#xff0c;以展现最靓丽的自我。这一理念不仅深植于中国丰富的文化传统之中&#xff0c;而且与现代社会的实用主义不谋而合。 中国最受欢迎的起名大师颜廷利教授&#xff0c;一…

Java小白入门到实战应用教程-开发环境搭建-JDK安装详细教程

Java小白入门到实战应用教程-JDK安装详细教程 writer:eleven 开发环境搭建 上节内容补充 在带领大家搭建开发环境前&#xff0c;先来了解一些java领域的名词。 Java根据应用领域区别可分为三个版本&#xff1a; JavaSE&#xff1a;是Java的标准版&#xff0c;提供了Java的…

Open3D Ransac算法分割点云平面

目录 一、概述 1.1算法原理 1.2应用场景 二、代码实现 2.1关键函数 2.2完整代码 三、实现效果 3.1原始点云 3.2分割后点云 前期试读&#xff0c;后续会将博客加入该专栏&#xff0c;欢迎订阅 Open3D与点云深度学习的应用_白葵新的博客-CSDN博客 一、概述 1.1算法原…

VSCode 远程反复输入密码不能链接问题解决

通过 vscode 远程连接服务器时出现了连接不上&#xff0c;而且一直要循环输入密码的问题&#xff0c;可能是因为上次异常退出导致。 主要解决思路是删除当前 vscode 远端服务后&#xff0c;重新建立连接。 解决方法一 在 vscode 端接口删除 vscode 服务。 View->Commond…

基于Java的校园交友网站系统

你好&#xff0c;我是专注于计算机技术研究的学姐码农小野。如果你对校园交友网站系统的构建或者相关技术感兴趣&#xff0c;欢迎私信交流。 开发语言 Java 数据库 MySQL 技术 Java语言、SpringBoot框架、B/S结构 工具 MyEclipse、Navicat、Maven 系统展示 首页 个人…

如何理解跨界营销?详解跨界营销的主要类型和方法!

跨界营销是一种创新的营销策略&#xff0c;它巧妙地捕捉不同行业、产品和消费者偏好之间的共通点和潜在联系。这种策略将看似不相关的元素相互融合&#xff0c;相互影响&#xff0c;创造出一种全新的生活方式和审美观念&#xff0c;以此吸引目标消费者群体的注意和青睐。 通过…

Efficient Estimation of Word Representations in Vector Space论文笔记解读

基本信息 作者TomasMikolovdoi10.48550发表时间2013期刊ICLR网址http://arxiv.org/abs/1301.3781 研究背景 1. What’s known 既往研究已证实 前馈神经网络语言模型(NNLM) 循环神经网络语言模型(RNNLM) 2. What’s new 创新点 Word2vec有两种模型&#xff1a;CBOW和Skip-gr…

怎么用【指令工程】调优大模型?

如今&#xff0c;大模型有很多&#xff0c;对于大模型的调优方式也有很多&#xff0c;你是否也在纠结&#xff1f;那么该怎么用【指令工程】调优大模型&#xff1f;本文总结了相关内容&#xff0c;一起来看看吧。 你是否曾在大模型的调优选择感到非常纠结&#xff0c;不知如何做…

Python实战Elasticsearch的核心技巧详解

概要 Elasticsearch 是一个分布式的搜索引擎,可以用于全文搜索、结构化搜索、分析等多种场景。它基于Lucene构建,提供了强大的搜索功能和数据分析能力。本文将详细介绍如何使用Python实现与Elasticsearch的交互,包括安装、配置、基本操作和实际应用示例。 安装和配置 安装…

【MybatisPlus】QueryWapper和LambdaQueryWrapper的区别

【MybatisPlus】QueryWapper和LambdaQueryWrapper的区别 &#xff08;一&#xff09;MyBatisPlus的条件查询构造器QueryWrapperLambdaQueryWrapper优缺点使用场景 &#xff08;二&#xff09;Lambda的概念&#xff08;三&#xff09;QueryWrapper如何进化成LambdaQueryWrapper的…

【排序算法】计数排序

目录 一.基本思想 二.缺陷及优化 三.代码实现 四.特性总结 1.可以排序负数 2.适合范围集中的整数 3.时间复杂度&#xff1a;O(Nrange) 4.空间复杂度&#xff1a;O(range) 5.稳定性&#xff1a;稳定 一.基本思想 根据待排序数组a创建一个新的数组count&#xff0c;该数组…

这个软件可无限制免费领取金币,领取后即可自由实现AI文生图,AI Chat及其AI文生PPT等AI功能

目前AI文生图工具浩如烟海&#xff0c;不过基本上都是限制使用&#xff0c;每天只能使用几次到十几次&#xff0c;如果还想继续使用&#xff0c;那么只能花钱购买&#xff0c;这对于绝大多数人来说确实是一个痛点&#xff0c;那么有没有一款软件可以实现使用自由呢&#xff1f;…

【在线词典】项目实现

15_Dictionary 在线词典 搭建客户端-服务器架构 准备必要的资源 整理原始数据 整理英汉双语对照表&#xff0c;将XLSX格式转换成CSV格式&#xff0c;准备好vocabulary_list.csv文件备用 注意&#xff1a;CSV格式的文件必须使用UTF-8的字符集&#xff1b; 建立mydatabase.…

第17周:天气预测

目录 前言 一、前期准备 1.1 导入库 1.2 导入数据 1.2.1 数据介绍 1.2.2 数据导入 二、探索式数据分析&#xff08;EDA&#xff09; 2.1 数据相关性探索 2.2 是否会下雨 2.3 地理位置与下雨的关系 2.4 湿度和压力对下雨的影响 2.5 气温对下雨的影响 三、数据预处理…

Windows 零散记录

文章目录 一、鼠标焦点丢失 一、鼠标焦点丢失 如&#xff1a;打字时没打完鼠标焦点中途就消失了 解决&#xff1a; 1、windowsR 组合键打开运行&#xff0c;输入regedit打开注册表 2、找到目录 HKEY_CURRENT_USER\Control Panel\Desktop\ForegroundLockTimeout 设置锁定超时时…

starRocks搭建

公司要使用新的大数据架构&#xff0c;打算用国产代替国外的大数据平台。所以这里我就纠结用doris还是starrocks&#xff0c;如果用doris&#xff0c;因为是开源的&#xff0c;以后就可以直接用云厂商的。如果用starrocks就得自己搭建&#xff0c;但是以后肯定会商业化&#xf…

ARM功耗管理之多核处理器启动

安全之安全(security)博客目录导读 思考&#xff1a;SecureBoot&#xff1f;多核处理器启动流程&#xff1f;PSCI启动方式&#xff1f; 一般嵌入式系统使用的都是对称多处理器&#xff08;Symmetric Multi-Processor, SMP&#xff09;系统&#xff0c;包含了多个cpu, 这几个cp…

脑电图 (EEG) :语音脑机接口(BCI)的理想选择

运动性语言障碍是一种严重的医疗状况&#xff0c;它让患者几乎或完全失去说话能力。这种状况在帕金森病患者中的发生率为90%&#xff0c;在中风患者中的发生率为45.2%&#xff0c;在肌萎缩侧索硬化症&#xff08;ALS&#xff09;患者中的发生率为95%。典型的针对语言障碍的沟通…

轮转数组(超详细!)

前言&#xff1a; 小编在上一篇文章的时候拿过轮转数组作为例子来讲述复杂度&#xff0c;但是小编并没有给出这个题目的正确解答&#xff0c;既然读者朋友已经了解复杂度了&#xff08;不了解也没关系&#xff0c;可以看小编上一篇文章&#xff09;&#xff0c;下面&#xff0c…

木舟0基础学习Java的第十六天(异常,分类,自定义异常,注意事项)

异常 异常概述&#xff1a;异常是Java程序运行过程中出现的错误 异常分类&#xff1a;API查找Throwable 1.Error(服务器宕机&#xff0c;数据库崩溃等) 2.Exception C(异常的继承体系)API查RuntimeException 运行时异常&#xff1a;一般是程序员的错误异常可以让我们发现错…