换行和div span标签|学习笔记

简介: 快速学习换行和div span标签

开发者学堂课程【HTML 入门与实战换行和div span标签】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/593



换行和div span标签

目录:

1,换行标签的定义

2,div span标签

1,换行标签的定义

单词缩写:break打断,换行

在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标签

<br />

这时如果还像在word中直接敲回车键换行就不起作用了。

其中<br />就是换行标签的符号,具体操作如下:

<! DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

< / head>

<body>

<h3>------------中国四大美女---------<h3>

1, 貂蝉<br />

2, 王昭君<br />

3, 杨玉环<br />

4, 凤姐思密达<br />

< / body>

< / html>

这就是一个换行标签的使用。

2,div span标签

div span标签(重点)

div span是没有语义的,是我们网页布局主要的2个盒子。

div就是division的缩写分割,分区的意思其实有很多div来组合网页。

span,跨度,跨距;范围

语法格式:

<div>这是头部</div> <span>今日价格</span>

它们使用例子如下:

<! DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

< / head>

<body>

<h3>------------中国四大美女---------<h3>

5, 貂蝉<br />

6, 王昭君<br />

7, 杨玉环<br />

8, 凤姐思密达<br />

Div 标签的使用

<div>我是刘德华</div>

Span 标签的使用

<span>我是刘晓庆</span>

< / body>

< / html>

使用结果如下:image.png

相关文章
|
前端开发 关系型数据库 MySQL
TDesign中后台管理系统-访问后端服务
TDesign中后台管理系统-访问后端服务
|
测试技术 应用服务中间件 nginx
解决:http: TLS handshake error from *
今天以容器的形式在公网上一个部署了一个云服务,在测试环境是没有问题的,不知道为什么部署到 beta 环境就出现了问题,导致 https 协议文件访问失败。
7522 0
echarts 热力图(中国地图版)
echarts 热力图(中国地图版)
1123 0
|
机器学习/深度学习 自然语言处理 算法
通义灵码开发者社区的构成——开发者群体
通义灵码开发者社区汇聚了来自不同背景的开发者,包括专业软件工程师、数据科学家、学生和业余开发者等,他们通过代码贡献、文档编写和社区活跃参与,共同推动社区的创新与发展,为通义灵码的广泛应用提供了坚实基础。
通义灵码开发者社区的构成——开发者群体
|
移动开发 网络协议 编译器
实战案例3:C语言实现的HTTP服务器
实战案例3:C语言实现的HTTP服务器
|
开发框架 JavaScript 前端开发
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
|
数据采集 Web App开发 Go
Go语言与chromedp结合:实现Instagram视频抓取的完整流程
使用Go语言和chromedp库,本文展示了如何抓取Instagram的视频文件,同时通过代理IP保障爬虫稳定和隐私。步骤包括安装chromedp、配置代理(如亿牛云),创建Chrome会话,导航至Instagram,提取视频URL,然后下载视频。关键操作有设置代理服务器、启动Chrome会话、抓取和下载视频。提供的代码示例详细解释了实现过程,有助于开发者学习Instagram数据采集。
481 0
Go语言与chromedp结合:实现Instagram视频抓取的完整流程
|
存储 缓存 前端开发
14:Servlet中的页面跳转-Java Web
14:Servlet中的页面跳转-Java Web
504 6
|
传感器 JSON 网络协议
【ElfBoard】基于 Linux 的智能家居小项目——开源
【ElfBoard】基于 Linux 的智能家居小项目——开源
538 0
|
SQL 缓存 监控
Oracle 死锁与慢查询总结
Oracle 死锁与慢查询总结
848 0