广告：宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买
本篇文章给大家带来的内容是关于HTML中文本标签，超链接标签以及图像标签的简单介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
文本标签
换行标签 -- br是单标签，意味着它没有结束标签。起强制换行作用
段落中的文字<br>段落中的文字<br>段落中的文字<br>登录后复制
水平分割线 -- hr
与br相同，也是单标签。可用来区分不同段落或正文与标题。可设置分割线的宽度和高度
设置了50%宽度，50像素且右对齐的分割线<hr width='50%' size='50' align='right'>登录后复制
预格式化文本标签 -- pre
保留文本的原有格式
<pre>文本</pre>登录后复制
上标标签、下标标签 -- sup/sub
包含在标签与其结束标签中的内容，以当前文字高度的一半显示在文本的左上侧包含在标签与其结束标签中的内容，以当前文字高度的一半显示在文本的左下侧
<sup>上标文字内容</sup><sub>下标文字内容</sub>登录后复制
块引用标签 -- blockquote
代表其中的文字是引用内容。通常在渲染时，这部分的内容会有一定的缩进
<blockquote>引用文字</blockquote>登录后复制
普通文本行内标签 -- span
如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。可以对同一个 <span> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
<span>文本内容</span>登录后复制
普通文本标签 -- div
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。
可以对同一个 <div> 元素应用 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><strong>雨霖铃·寒蝉凄切</strong>宋代：柳永寒蝉凄切，对长亭晚，骤雨初歇。都门帐饮无绪，留恋处，兰舟催发。执手相看泪眼，竟无语凝噎。念去去，千里烟波，暮霭沉沉楚天阔。多情自古伤离别，更那堪，冷落清秋节！今宵酒醒何处？杨柳岸，晓风残月。此去经年，应是良辰好景虚设。便纵有千种风情，更与何人说？</pre><span>bolckquote显示</span><blockquote><strong>雨霖铃·寒蝉凄切</strong>宋代：柳永寒蝉凄切，对长亭晚，骤雨初歇。都门帐饮无绪，留恋处，兰舟催发。执手相看泪眼，竟无语凝噎。念去去，千里烟波，暮霭沉沉楚天阔。多情自古伤离别，更那堪，冷落清秋节！今宵酒醒何处？杨柳岸，晓风残月。此去经年，应是良辰好景虚设。便纵有千种风情，更与何人说？</blockquote>求解数学方程x<sup>2</sup>+x+6=0.<br/>所得解:x<sub>1</sub>=-3,x<sub>2</sub>=2</body></html>登录后复制超链接标签
一个网站是由多个网页组成的，页面之间依靠链接确定相互之间的导航关系，各个网页链接在一起后，才构成一个网站。
超链接标签--<a>登录后复制
1.外部链接
如果链接是指向站点文件夹之外的，就称做外部链接，添加外部链接时，使用绝对路径，方法是直接输入路径地址，如http://www.baidu.com
2.内部链接
是指同一个网站内部，不同页面之间的链接关系，也可称作站内链接。建立内部链接时，使用相对路径。
超链接属性 -- herf在添加超链接时，属性设置非常重要。
<a href='超链接路径'>设置链接的文字或图片等属性</a>登录后复制
超链接属性 -- target默认情况下，超链接打开新页面的方式是在当前窗口中打开，属性可以用来定义目标窗口打开方式。
_parent-->在上一级窗口中打开，使得页面载入父窗口_blank--->浏览器在一个新的窗口中打开网页
设置了50%宽度，50像素且右对齐的分割线<hr width='50%' size='50' align='right'>0登录后复制
设置了50%宽度，50像素且右对齐的分割线<hr width='50%' size='50' align='right'>1登录后复制图片标签
图形图像可以使网页活跃起来，带给人的视觉印象要优于文字。网页中常用的图像格式包括'jpeg'、'jpg'、'gif'、'png'、'bmp'等。
设置了50%宽度，50像素且右对齐的分割线<hr width='50%' size='50' align='right'>2登录后复制
想要在页面上显示一个图像，需要使用它的'src'属性，是'source'的缩写。
设置了50%宽度，50像素且右对齐的分割线<hr width='50%' size='50' align='right'>3登录后复制
源文件属性 -- alt
用来给图像显示一个交互文本，用户可自定义。当浏览器没有完全加载图像或加载失败时，会显示交互文本内容来替代图像。
设置了50%宽度，50像素且右对齐的分割线<hr width='50%' size='50' align='right'>4登录后复制
图像与文本的对齐方式 -- align图像在文字段落中位置的对齐方式有左对齐left、右对齐right两种，图像在单行文本中的对齐方式有顶部对齐top、中部对齐middle、底部对齐bottom三种。
设置了50%宽度，50像素且右对齐的分割线<hr width='50%' size='50' align='right'>5登录后复制
设置了50%宽度，50像素且右对齐的分割线<hr width='50%' size='50' align='right'>6登录后复制
以上就是本篇文章的全部内容，关于HTML的相关知识大家可以参考PHP中文网的HTML开发手册进行学习。
以上就是HTML中文本标签，超链接标签以及图像标签的简单介绍的详细内容，更多请关注9543建站博客其它相关文章！
发表评论