当前位置: 首页 > news >正文

web前端开发——标签一

今天我来针对web前端开发讲解标签一

Html标签_标题&段落&换行

注释标签:Ctrl+/

Ctrl+/ ,用户可能会获取到注释标签

注释的原则:

•和代码逻辑一致

•尽量使用中文

•正能量

标题标签:<h1></h1>  h1-h6

标题标签有6个,h1-h6,数字越大,字体越小,字体也越来越细。标题标签是单独起一行的。

段落标签:<p></p>

P标签之前存在一个空隙。

当前的p标签描述的段落,前面还没有缩进。

自动根据浏览器宽度来决定排版。

Html内容首位处的换行,空格均无效。

在html中文字之间输出的多个空格只相当于一个空格。

Html中直接输入换行(回车)不会真的换行,只是一个空格

在段落标签内回车(enter)视为空格

换行标签:<br/>  

br是break的缩写,表示换行

br是一个单标签(不需要结束标签)

br标签不像p标签一样带有很大的间隙

<br/>是标准写法,不建议写成<br>

换行标签换行之后间隙比段落标签间隙小

格式标签

加粗:strong标签和b标签

倾斜:em标签和i标签

删除线:del标签和s标签

下划线:ins标签和u标签

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

PS:

在Web开发中,标签用于给文本和内容添加语义信息和视觉样式。其中,对文本进行强调通常使用以下几种标签:

1.<strong>标签

<strong>标签用于表示文本的强调语义,通常浏览器会将其显示为粗体字体,这并不是其唯一作用,它的主要目的是为了强调文本的重要性,而不是仅仅通过视觉效果来实现。搜索引擎也会根据<strong>标签来

确定文本的重要性。

示例:

<p>This is<strong>important</strong>information.</p>

2.<em>标签:

<em>标签用于表示文本的强调语义,通常浏览器会将其显示为斜体字体。与<strong>不同的是<em>标签侧重于强调文本的语义重要性,而不是物理样式。搜索引擎也会根据<em>标签来确定文本的语气和情感强调。

示例:

<p>This is an<em>emphasized</em> text.</p>

3.<b>标签:

<b>标签用于表示文本的强调,通常浏览器会将其显示为粗体字体、与<strong>不同的是,<b>标签仅仅是对文本进行视觉上的加粗,而不会影响其语义重要性,因此,在语义上应优先使用<stong>或<emn>标签

示例:

<p>This is <b>bold</b> text.</p>

总结来说,Web开发中的这些标签不仅帮助开发者在视觉上强调文本,更重要的是它们提供了语义化的方式来描述文本的重要性或语气,从而使得网页内容更易于理解和被搜索引擎识别。

img标签_src属性

img标签必须搭配着src使用(指定图片路径)

绝对路径

图片路径

网络上的图片路径

相对路径

./xxx.png 同一层路径的图片

./img/xxx.png 下一层路径的图片

../xxx.png  上一层路径的图片


少年没有乌托邦,心向远方自明朗!

如果这个博客对你有帮助,给博主一个免费的点赞就是最大的帮助❤
欢迎各位点赞收藏关注哦❤
如果有疑问或有不同见解,欢迎在评论区留言❤
后续会继续更新大连理工大学相关课程和有关web前端的内容和示例
点赞加关注,学习不迷路,好,本次的学习就到这里啦!!!

我们下次再见喽!

http://www.lryc.cn/news/395428.html

相关文章:

  • 【深度学习】探讨最新的深度学习算法、模型创新以及在图像识别、自然语言处理等领域的应用进展
  • 使用 mongo2neo4j 和 SemSpect 通过各种方式进行图探索
  • 淘宝卖家难免遇到的商品问题 在淘宝买的东西出问题了,该如何维权
  • ffmpeg 安装 h264(x264)encoder
  • Java项目:基于SSM框架实现的健康综合咨询问诊平台【ssm+B/S架构+源码+数据库+毕业论文】
  • SpringBoot源码阅读(4)——事件
  • EDI安全:如何在2024年保护您的数据免受安全和隐私威胁
  • RabbitMQ快速入门 - 图像化界面的简单操作
  • 新版亚组交互效应函数(P for interaction)newscitb5 1.3版本发布--用于一键生成交互效应表
  • gpt讲 Observable 对象
  • STM32的SPI接口详解
  • 谷歌+火狐浏览器——实现生成二维码并实现拖动——js技能提升
  • 128陷阱详解(从源码分析)
  • 点云处理实操 基于多项式重构的平滑和法线估计
  • MongoDB在Linux下的安装与基本操作指南
  • 端口占用快速解决
  • 普中51单片机:矩阵按键扫描与应用详解(五)
  • SQLite Glob 子句
  • Redis基础教程(十七):Redis数据备份与恢复
  • 基于FPGA的千兆以太网设计(1)----大白话解释什么是以太网
  • wordpress的restfull API使用教程,之如何用postman调试API,以便能使用vue等前端框架开发主题
  • 刷题刷题刷题
  • 【Spring Boot】统一异常处理
  • java —— tomcat 部署项目
  • 数据库的优点和缺点分别是什么
  • 考研数学暑期规划|50天吃透1000+660!
  • GPT-5 一年半后发布?我们可能所受影响与应用领域
  • CSS上下悬浮特效
  • Knife4j的原理及应用详解(三)
  • Android约束布局的概念与属性(1)