本文摘自PHP中文网,作者不言,侵删。
本篇文章给大家带来的内容是关于HTML中文本标签,超链接标签以及图像标签的简单介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。文本标签
换行标签 -- br
是单标签,意味着它没有结束标签。起强制换行作用
1 |
|
水平分割线 -- hr
与br相同,也是单标签。可用来区分不同段落或正文与标题。可设置分割线的宽度和高度
1 2 |
|
预格式化文本标签 -- pre
保留文本的原有格式
1 |
|
上标标签、下标标签 -- sup/sub
包含在标签与其结束标签中的内容,以当前文字高度的一半显示在文本的左上侧
包含在标签与其结束标签中的内容,以当前文字高度的一半显示在文本的左下侧
1 2 |
|
块引用标签 -- blockquote
代表其中的文字是引用内容。通常在渲染时,这部分的内容会有一定的缩进
1 |
|
普通文本行内标签 -- span
如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
可以对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
1 |
|
普通文本标签 -- div
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。
可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
1 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
|
超链接标签
一个网站是由多个网页组成的,页面之间依靠链接确定相互之间的导航关系,各个网页链接在一起后,才构成一个网站。
1 |
|
1.外部链接
如果链接是指向站点文件夹之外的,就称做外部链接,添加外部链接时,使用绝对路径,方法是直接输入路径地址,如http://www.baidu.com
2.内部链接
是指同一个网站内部,不同页面之间的链接关系,也可称作站内链接。建立内部链接时,使用相对路径。
超链接属性 -- herf
在添加超链接时,属性设置非常重要。
1 |
|
超链接属性 -- target
默认情况下,超链接打开新页面的方式是在当前窗口中打开,属性可以用来定义目标窗口打开方式。
_parent-->在上一级窗口中打开,使得页面载入父窗口
_blank--->浏览器在一个新的窗口中打开网页
1 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
|
图片标签
图形图像可以使网页活跃起来,带给人的视觉印象要优于文字。
网页中常用的图像格式包括'jpeg'、'jpg'、'gif'、'png'、'bmp'等。
1 |
|
想要在页面上显示一个图像,需要使用它的'src'属性,是'source'的缩写。
1 |
|
源文件属性 -- alt
用来给图像显示一个交互文本,用户可自定义。当浏览器没有完全加载图像或加载失败时,会显示交互文本内容来替代图像。
1 |
|
图像与文本的对齐方式 -- align
图像在文字段落中位置的对齐方式有左对齐left、右对齐right两种,图像在单行文本中的对齐方式有顶部对齐top、中部对齐middle、底部对齐bottom三种。
1 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
|
以上就是本篇文章的全部内容,关于HTML的相关知识大家可以参考PHP中文网的HTML开发手册进行学习。
以上就是HTML中文本标签,超链接标签以及图像标签的简单介绍的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
HTML5通过postmessage进行跨域通信的方法_HTML5教程技巧
HTML5中的<aside>元素与<article>元素 实例详解
更多相关阅读请进入《HTML5》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者