HTML中文本标签,超链接标签以及图像标签的简单介绍

本篇文章给大家带来的内容是关于html中文本标签,超链接标签以及图像标签的简单介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

文本标签

换行标签 — br
是单标签,意味着它没有结束标签。起强制换行作用

段落中的文字
段落中的文字
段落中的文字

登录后复制

水平分割线 — hr

与br相同,也是单标签。可用来区分不同段落或正文与标题。可设置分割线的宽度和高度

立即学习“前端免费学习笔记(深入)”;

设置了50%宽度,50像素且右对齐的分割线

登录后复制

预格式化文本标签 — pre

保留文本的原有格式

文本

登录后复制

上标标签、下标标签 -- sup/sub

包含在标签与其结束标签中的内容,以当前文字高度的一半显示在文本的左上侧
包含在标签与其结束标签中的内容,以当前文字高度的一半显示在文本的左下侧

上标文字内容下标文字内容

登录后复制

块引用标签 -- blockquote

代表其中的文字是引用内容。通常在渲染时,这部分的内容会有一定的缩进

引用文字

登录后复制

普通文本行内标签 -- span

如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。

可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
可以对同一个 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

文本内容

登录后复制

普通文本标签 -- div

是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 固有的唯一格式表现。可以通过 的 class 或 id 应用额外的样式。

不必为每一个

都加上类或 id,虽然这样做也有一定的好处。

可以对同一个

元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

文本内容

登录后复制

        张阿机

一级标题

pre显示
雨霖铃·寒蝉凄切宋代:柳永寒蝉凄切,对长亭晚,骤雨初歇。都门帐饮无绪,留恋处,兰舟催发。执手相看泪眼,竟无语凝噎。念去去,千里烟波,暮霭沉沉楚天阔。多情自古伤离别,更那堪,冷落清秋节!今宵酒醒何处?杨柳岸,晓风残月。此去经年,应是良辰好景虚设。便纵有千种风情,更与何人说?

登录后复制bolckquote显示

雨霖铃·寒蝉凄切宋代:柳永寒蝉凄切,对长亭晚,骤雨初歇。都门帐饮无绪,留恋处,兰舟催发。执手相看泪眼,竟无语凝噎。念去去,千里烟波,暮霭沉沉楚天阔。多情自古伤离别,更那堪,冷落清秋节!今宵酒醒何处?杨柳岸,晓风残月。此去经年,应是良辰好景虚设。便纵有千种风情,更与何人说?

求解数学方程x2+x+6=0.
所得解:x1=-3,x2=2

以上就是HTML中文本标签,超链接标签以及图像标签的简单介绍的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2830769.html

(0)
上一篇 2025年3月9日 03:49:45
下一篇 2025年3月9日 03:49:51

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • HTML中序列化标签的简单介绍(代码实例)

    本篇文章给大家带来的内容是关于html中序列化标签的简单介绍(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 序列化标签 1.有序标签–ol和li 有序列表标签是 ,是一个双标签。在每一个列表项目前要…

    2025年3月9日
    200
  • HTML中表单的相关知识总结(代码实例)

    本篇文章给大家带来的内容是关于html中表单的相关知识总结(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 当用户熟悉了静态网页制作后就能感受到它的功能单一,会想建立具有交互性的动态网站。动态网站经常用到的一个元…

    2025年3月9日
    200
  • 利用HTML实现一个个人信息表的网页(代码实例)

    本篇文章给大家带来的内容是关于利用html实现一个个人信息网页(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 对HTML标签的总结 1、学习的行内标签和 块级元素分别有哪些?行内标签:span, strong,…

    2025年3月9日
    200
  • html和css的面试知识点总结(附示例)

    本篇文章给大家带来的内容是关于html和css的面试知识点总结(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 CSS优先级算法 优先级就近原则,同权重情况下样式定义最近者为准载入样式以最后载入的定位为准优先级为:…

    编程技术 2025年3月9日
    200
  • 如何选择Web前端模板引擎(推荐)

    本篇文章给大家带来的内容是关于如何选择web前端模板引擎(推荐),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 模板引擎负责组装数据,以另外一种形式或外观展现数据。 浏览器中的页面是 Web 模板引擎最终的展现。 无论你是…

    2025年3月9日
    200
  • 你知道原生HTML组件是什么吗?原生HTML组件的介绍

    本篇文章给大家带来的内容是关于你知道原生html组件是什么吗?原生html组件的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 嘿!看看这几年啊,Web 前端的发展可是真快啊! 想想几年前,HTML 是前端开发者的基本…

    2025年3月9日 编程技术
    200
  • 如何用HTML5中的canvas绘制渐变矩形

    canvas是html5中新增的特性,它可以在浏览器上绘制出各种酷炫的效果,作为一个前端开发人员,你知道如何用canvas绘制图形吗?这篇文章就和大家讲讲如何用canvas绘制一个矩形及一个渐变色矩形,有一定的参考价值,感兴趣的朋友可以参考…

    2025年3月9日
    200
  • 页面性能优化的方法总结

    本篇文章给大家带来的内容是关于页面性能优化的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 互联网有一项著名的8秒原则。用户在访问web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问…

    2025年3月9日 编程技术
    200
  • 图文详解如何用canvas画实心圆和空心圆

    canvas是html5中新增的特性,它可以在浏览器上绘制出各种图形,作为一个前端工作者,你会用canvas画一个圆吗?这篇文章就和大家讲讲如何用canvas画一个实心圆,以及分享用canvas arc画空心圆的代码,有一定的参考价值,感兴…

    2025年3月9日
    200
  • 如何用HTML5中的canvas实现渐变文字的效果

    是html5中新增的标签,它可以用来绘制图像,但是必须借助javascript脚本实现效果,对于html5中的canvas你了解多少?这篇文章就和大家讲讲如何用canvas制作渐变文字效果,对canvas绘制渐变感兴趣的朋友,可以参考一下。…

    2025年3月9日
    200

发表回复

登录后才能评论