HTML中文本标签，超链接标签以及图像标签的简单介绍-html教程-PHP中文网

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

不言

发布： 2018-10-12 17:17:12

转载

5364人浏览过

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

文本标签

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

段落中的文字<br>段落中的文字<br>段落中的文字<br>

登录后复制

水平分割线 -- hr

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

立即学习“前端免费学习笔记（深入）”；

设置了50%宽度，50像素且右对齐的分割线
<hr width='50%' size='50' align='right'>

登录后复制

预格式化文本标签 -- pre

保留文本的原有格式

<pre class="brush:php;toolbar:false">文本

登录后复制

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

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

<sup>上标文字内容</sup>
<sub>下标文字内容</sub>

登录后复制

块引用标签 -- blockquote

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

<blockquote>引用文字</blockquote>

登录后复制

普通文本行内标签 -- span

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

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

<span>文本内容</span>

登录后复制

普通文本标签 -- div

是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是

固有的唯一格式表现。可以通过

的 class 或 id 应用额外的样式。

不必为每一个

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

可以对同一个

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

<div>文本内容</div>

登录后复制

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>张阿机</title>
</head>
<body>
<h1 style="color: green">一级标题</h1>
<span>pre显示</span>
<pre class="brush:php;toolbar:false">
<strong>雨霖铃·寒蝉凄切</strong>
宋代：柳永
寒蝉凄切，对长亭晚，骤雨初歇。都门帐饮无绪，留恋处，兰舟催发。执手相看泪眼，竟无语凝噎。念去去，千里烟波，暮霭沉沉楚天阔。
多情自古伤离别，更那堪，冷落清秋节！今宵酒醒何处？杨柳岸，晓风残月。此去经年，应是良辰好景虚设。便纵有千种风情，更与何人说？

登录后复制

bolckquote显示