前端开发:HTML常见标签

1.注释标签

注释不会显示在界面上 . 目的是提高代码的可读性 .
ctrl + / 快捷键可以快速进行注释 / 取消注释 .    <!-- 我是注释 -->

 2.标题标签

有六个 , h1 - h6. 数字越大 , 则字体越小
<h1> hello </h1>        //我们所写的csdn的格式中的标题一到标题6,就是如此;
<h2> hello </h2>
<h3> hello </h3>
<h4> hello </h4>
<h5> hello </h5>
<h6> hello </h6>

3.段落标签 

如果一段文本直接调在html上的时候,他不会划分段落,必须使用段落标签;字符串string类型中的回车会被解析成空格

<p>这是一个段落</p>        //将文本内容划分为一段一段的;

 4.换行标签

<br/> 是规范写法 . 不建议写成 <br>
br 是 break 的缩写 . 表示换行
br 是一个单标签 ( 不需要结束标签 )
br 标签不像 p 标签那样带有一个很大的空隙 .也就是行间距很小

 5.格式标签

加粗 : strong 标签 和 b 标签
倾斜 : em 标签 和 i 标签
删除线 : del 标签 和 s 标签
下划线 : ins 标签 和 u 标签
<strong> strong 加粗 </strong>
<b> b 加粗 </b>
<em> 倾斜 </em>
<i> 倾斜 </i>
<del> 删除线 </del>
<s> 删除线 </s>
<ins> 下划线 </ins>
<u> 下划线 </u>

6.图片标签

img标签必须带有src(sorce—源的意思)属性,表示图片的路径;

<img src = "./rose.jpg" >
采用绝对路径或相对路径
alt: 替换文本 . 当文本不能正确显示的时候 , 会显示一个替换的文字 .
title: 提示文本 . 鼠标放到图片上 , 就会有提示 .
width/height: 控制宽度高度 . 高度和宽度一般改一个就行 , 另外一个会等比例缩放 . 否则就会图片失衡.
border: 边框 , 参数是宽度的像素 . 但是一般使用 CSS 来设定
<img src = "rose.jpg" alt = "图片加载失败 " title = " 这是一朵鲜花 " width = "500px" height = "800px"
border = "5px" >
使用绝对路径来搞网络上的资源
<img src = "https://images0.cnblogs.com/blog/130623/201407/300958475557219.png"
alt = "" >        //这个只是例子,我的此图片可能过期
1. 属性可以有多个 , 不能写到标签之前
2. 属性之间用空格分割 , 可以是多个空格 , 也可以是换行
3. 属性之间不分先后顺序
4. 属性使用 " 键值对 " 的格式来表示 .

7.超链接标签

<a href = "http://www.baidu.com" target="_self" > 百度 </a>
href: 必须具备 , 表示点击后会跳转到哪个页面 .
百度是将超链接放到这两个字里,我们在网页上点新闻会自动跳转也是这个原理;
target: 打开方式 . 默认是 _self. 如果是 _blank 则用新的标签页打开 .那个下滑线是必须的
外部链接:
<a href = "http://www.baidu.com" target="_self" > 百度 </a>
内部链接 : 网站内部页面之间的链接 . 写相对路径即可 .
<a href = "2.html" > 点我跳转到 2.html </a>
空链接 : 使用 # href 中占位
<a href = "#" > 空链接 </a>
下载链接 : href 对应的路径是一个文件 . ( 可以使用 zip 文件 )
<a href = "test.zip" > 下载文件 </a>//是.zip会直接下载,.txt会打开;
网页元素链接 : 可以给图片等任何元素添加链接 ( 把元素放到 a 标签中
<a href = "http://www.sogou.com" >
    <img src = "rose.jpg" alt = "" >
</a>
锚点链接 : 可以快速定位到页面中的某个位置
<a href = "#one" > 第一集 </a>
<p id = "one" > 第一集剧情 <br> </p>
<p id = "two" > 第二集剧情 <br> </p>
禁止 a 标签跳转 :
<a href="javascript:void(0) ; "> 或者 <a href="javascript: ; ">

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Linux(Centos7)安装Mysql/Redis/MinIO

安装Mysql 安装Redis 搜索Redis最先版本所在的在线安装yum库 查看以上两个组件是否是开机自启 安装MinIO 开源的对象存储服务&#xff0c;存储非结构化数据&#xff0c;兼容亚马逊S3协议。 minio --help #查询命令帮助minio --server --help #查询--server帮助minio serve…

【DB-GPT】开启数据库交互新篇章的技术探索与实践

一、引言&#xff1a;AI原生数据应用开发的挑战与机遇 在数字化转型的浪潮中&#xff0c;企业对于智能化应用的需求日益增长。然而&#xff0c;传统的数据应用开发方式面临着诸多挑战&#xff0c;如技术栈复杂、开发周期长、成本高昂、难以维护等。这些问题限制了智能化应用的…

解决aerich init -t xx 报错ModuleNotFoundError: No module named ‘tomli_w‘

今天在学习fastapi的时候&#xff0c;发现一款数据库迁移工具&#xff0c;通过这个工具可以根据模型类来对数据库做出改变。 随跟着学: 在执行 aerich init -t settings.TORTOISE_ORM的时候&#xff0c; 彼其娘之。。 报了一些错误&#xff1a; Traceback (most recent ca…

.NET Core NPOI 导出图片到Excel指定单元格并自适应宽度

NPOI&#xff1a;支持xlsx&#xff0c;.xls&#xff0c;版本>2.5.3 XLS&#xff1a;HSSFWorkbook&#xff0c;主要前缀HSS&#xff0c; XLSX&#xff1a;XSSFWorkbook&#xff0c;主要前缀XSS&#xff0c;using NPOI.XSSF.UserModel; 1、导出Excel添加图片效果&#xff0…

浅谈云计算07 | 云安全机制

浅谈云计算安全机制&#xff1a;全方位守护云端世界 一、引言二、加密技术&#xff1a;数据的隐形护盾三、散列机制&#xff1a;数据完整性的忠诚卫士四、数字签名&#xff1a;数据来源与真伪的鉴定专家五、公钥基础设施&#xff08;PKI&#xff09;&#xff1a;信任的基石六、…

Unity 2d描边基于SpriteRender,高性能的描边解决方案

目标 以Unity默认渲染管线为例&#xff0c;打造不需要图片内边距&#xff0c;描边平滑&#xff0c;高性能的描边解决方案 前言 在2d游戏中经常需要给2d对象添加描边&#xff0c;来突出强调2d对象 当你去网上查找2d描边shader&#xff0c;移植到项目里面&#xff0c;大概率会…

Uniapp仿ChatGPT Stream流式输出(非Websocket)

Uniapp仿ChatGPT Stream流式输出&#xff08;非Websocket&#xff09; 前言&#xff1a;流式输出可以使用websocket也可以使用stream来实现EventSource是 HTML5 中的一个接口&#xff0c;用于接收服务器发送的事件流&#xff08;Server - Sent Events&#xff0c;SSE&#xff…

黑马linux入门笔记(01)初始Linux Linux基础命令 用户和权限 实用操作

B站 黑马程序员 的视频 BV1n84y1i7td 黑马程序员新版Linux零基础快速入门到精通&#xff0c;全涵盖linux系统知识、常用软件环境部署、Shell脚本、云平台实践、大数据集群项目实战等 增强自控力 冥想慢呼吸绿色锻炼充分休息减少决策次数优先做重要的事情(早晨)融入强自控群控…

当你不小心使用了MySQL的保留字作为字段名而导致你的SQL语法解析错误该怎么办!

问题举例&#xff1a; 你在尝试更新一个名为 desc 的字段时遇到了 SQL 语法错误。原因是 desc 是 MySQL 的保留字&#xff0c;通常用于表示 ORDER BY 子句中的降序&#xff08;DESC&#xff09;&#xff0c;因此直接使用 desc 作为字段名会导致 SQL 解析错误。如下图&#xff…

excel设置好的可选择列数据后,如何快速输入到单元格中?

当设置好列的【数据】-【数据有效性】-【序列】后&#xff0c;在单元格中输入可选择数据的开头&#xff0c;就会提示出对应的可选择数据&#xff0c;然后&#xff0c;按一下键盘上的【↓】键&#xff0c;再按回车&#xff0c;即可快速输入到单元格中。

2025封禁指定国家ip-安装xtables-addons记录

如何安装和使用 安装lux仓库(该仓库包含xtables-addons所需的依赖环境) # wget http://repo.iotti.biz/CentOS/7/noarch/lux-release-7-1.noarch.rpm # rpm -ivh lux-release-7-1.noarch.rpm 安装xtables-addons。注意&#xff1a;必须先安装kmod-xtables-addons&#xff0c;再…

力扣 岛屿数量

从某个点找&#xff0c;不断找相邻位置。 题目 岛屿中被“0”隔开后 &#xff0c;是每一小块状的“1”&#xff0c;本题在问有多少块。可以用dfs进行搜索&#xff0c;遍历每一个点&#xff0c;把每一个点的上下左右做搜索检测&#xff0c;当检测到就标记为“0”表示已访问过&a…

ssl与ipsec的区别

ssl与ipsec的区别&#xff1a; 1.概念不同: ssl是一种安全协议&#xff0c;可通过Internet安全地发送信息&#xff0c;而ipsec即Internet协议安全性&#xff0c;是为Internet协议提供安全性的一组协议。 2.所在层不同: ssl在传输和应用层中工作&#xff0c;而ipsec在Interne…

基于大语言模型的组合优化

摘要&#xff1a;组合优化&#xff08;Combinatorial Optimization, CO&#xff09;对于提高工程应用的效率和性能至关重要。随着问题规模的增大和依赖关系的复杂化&#xff0c;找到最优解变得极具挑战性。在处理现实世界的工程问题时&#xff0c;基于纯数学推理的算法存在局限…

批量识别图片型PDF指定区域内容识别保存表格+PDF批量改名:技术难题与项目实战总结

相关项目实战&#xff1a; 一、引言 在当今数字化办公环境中&#xff0c;批量处理PDF文件中的表格数据并进行改名是一项常见但具有挑战性的任务。无论是从大量的财务报销凭证、学术研究报告还是项目文档中提取表格信息&#xff0c;都可能遇到各种各样的技术难题。 二、批量提…

open3d+opencv实现矩形框裁剪点云操作(C++)

&#x1f451;主页&#xff1a;吾名招财 &#x1f453;简介&#xff1a;工科学硕&#xff0c;研究方向机器视觉&#xff0c;爱好较广泛… ​&#x1f4ab;签名&#xff1a;面朝大海&#xff0c;春暖花开&#xff01; open3dopencv实现矩形框裁剪点云操作&#xff08;C&#xff…

LabVIEW光流跟踪算法

1. 光流跟踪算法的概述 光流&#xff08;Optical Flow&#xff09;是一种图像处理技术&#xff0c;用于估算图像中像素点的运动。通过比较连续帧图像&#xff0c;光流算法可以分析图像中的运动信息&#xff0c;广泛用于目标跟踪、运动检测和视频处理等场景。该示例使用了NI Vi…

django在线考试系统

Django在线考试系统是一种基于Django框架开发的在线考试平台&#xff0c;它提供了完整的在线考试解决方案。 一、系统概述 Django在线考试系统旨在为用户提供便捷、高效的在线考试环境&#xff0c;满足教育机构、企业、个人等不同场景下的考试需求。通过该系统&#xff0c;用…

AI浪潮下的IT变革之路:机遇、挑战与重塑未来

前言&#xff1a;哈喽&#xff0c;大家好&#xff0c;今天给大家分享一篇文章&#xff01;并提供具体代码帮助大家深入理解&#xff0c;彻底掌握&#xff01;创作不易&#xff0c;如果能帮助到大家或者给大家一些灵感和启发&#xff0c;欢迎收藏关注哦 &#x1f495; 目录 AI浪…

Oracle 分区索引简介

目录 一. 什么是分区索引二. 分区索引的种类2.1 局部分区索引&#xff08;Local Partitioned Index&#xff09;2.2 全局分区索引&#xff08;Global Partitioned Index&#xff09; 三. 分区索引的创建四. 分区索引查看4.1 USER_IND_COLUMNS 表4.2 USER_INDEXES 表 五. 分区索…