您好!欢迎访问OD体育!
专注精密制造10载以上
专业点胶阀喷嘴,撞针,精密机械零件加工厂家
联系方式
0650-82727895
您当前的位置: 主页 > 案例展示 > 医疗行业 >

医疗行业

OD体育_ 网页设计技术基础之HTML中文本的常用标签及语义语法属性先容

更新时间  2021-06-25 10:45 阅读
本文摘要:在网页设计技术之Dreamweaver中文本的使用与编辑 一文中,我为大家先容了DW软件中输入和编辑文本的基本方法,其中涉及到了一些HTML标签,今天就来跟大家详细聊一下HTML中与文本有关的常用的标签,主要包罗段落标签p、换行标签br、标题标签hn、强调语义标签strong和em、突出显示标签mark、装饰性标签span,希望对大家相识HTML有一定的资助,对进一步学习页面编辑打好基础。1、段落标签p段落标签的语法花样为:p段落文本/p。

OD体育官网

在网页设计技术之Dreamweaver中文本的使用与编辑 一文中,我为大家先容了DW软件中输入和编辑文本的基本方法,其中涉及到了一些HTML标签,今天就来跟大家详细聊一下HTML中与文本有关的常用的标签,主要包罗段落标签p、换行标签br、标题标签hn、强调语义标签strong和em、突出显示标签mark、装饰性标签span,希望对大家相识HTML有一定的资助,对进一步学习页面编辑打好基础。1、段落标签p段落标签的语法花样为:<p>段落文本</p>。被其标志的文本,默认会与上下文之间发生一行的距离。

通常情况下,我们在DW的设计视图界面输入一段文本后,按回车键,就会在该段文本的前后自动加上<p>和</p>,不需要专门书写段落标签。将光标放在段落标签的起始标签的p后面,键入空格,就会泛起该标签的可用属性,详细语法花样为<p 属性名1=“属性值1”属性名2=“属性值2 ……>文本</p>,其中常用的属性是align和class:align属性中所说的“容器”,是指段落文本的外侧工具,例如:段落是放在一个单元格中的,那么单元格就是该段落的容器,此时如果align="center",则段落文本是相对单元格居中显示的。

如果段落没有放入任何工具内,则它所属的容器就是页面。如下图,段落文本是相对页面右对齐显示:class是指定段落所使用的类,这个类一般是CSS界说的样式类。

大家可能会说,岂非文本不能设定颜色、巨细等效果吗?能!根据设计网页的通例思路,有两种方法,一是在头部区域使用<style></style>标签设定(见本文第5点内容);一种是使用CSS类,本文中先不涉及,后面的文章会详细解说CSS样式。2、换行标签br换行标签是个单标签,一般使用/来竣事标签,即正确花样为<br />。它的功效就是换行,也就是说在想要换行的地方输入一个<br />就OK了,该标签没有属性,效果如下图:3、标题标签hn其中n=1~6。即"<h1>…</h1>"至"<h6>…</h6>",它们是DW预设好效果的标题文本,其预设效果为:hn的常用属性也是align和class,属性值与p标签中所讲的一致。

OD体育官网

4、强调语义标签strong和em所谓强调语义是指,一方面显示加粗或倾斜效果,一方面加重语气以越发吸引搜索引擎。<strong>文本</strong>是加粗文本,<em>文本</em>是倾斜文本。在语气上,strong语气较重,em语气较轻。它们没有属性,效果如下:5、突出显示标签markmark标签是HTML5的新标签,IE8以下的浏览器不剖析该标签。

其语法花样为:<mark>文本</mark>。它是为文本设定了黄色配景,以突出显示,效果如下。如果设计视图看不到突出显示效果,只要在浏览器中预览该页面就能看到了(本文所用浏览器为QQ浏览器)。<mark>中不能直接修改配景颜色,要想修改突出显示的配景色,需要在头部区域设置<style>,例如想要将配景色改为浅蓝色,其代码为:<style></style>是HTML的样式标签,其内部可以直接界说某个标签的样式。

花样为:例如,在<style></style>中同时设定了mark和p的样式,效果为:这里设定的属性其实就是CSS的样式属性,所以常用的属性及其解释,将在后续解说CSS的文章中详细先容。6、装饰性标签span语法花样为<span>文本</span>,其功效是对文本举行装饰。可是在<span>内部也无法设置效果类的属性,也需要借助<style></style>标签。

例如,接上例,将“主页”二字设置为红底白字:以上就是我为大家先容的一些常用的文本类标签。由于水平有限,难免存在不足之处。

随着学习的深入,大家将会对HTML标签相识的越来越多。所以接待大家对本文内容举行增补,接待留言交流!如果以为有用,接待收藏、转发、点赞、关注^_^。


本文关键词:OD体育网页版,体育,网页设计,技术,基础,之,HTML,中,文本,的

本文来源:OD体育-www.wuguocheng.com