网页设计技术基础之HTML中文本的常用标签及语义语法属性先容-亚美

发布时间:2021-08-11    来源:亚美体育平台 nbsp;   浏览:28521次
本文摘要:在网页设计技术之Dreamweaver中文本的使用与编辑 一文中,我为大家先容了DW软件中输入和编辑文本的基本方法,其中涉及到了一些HTML标签,今天就来跟大家详细聊一下HTML中与文本有关的常用的标签,主要包罗段落标签p、换行标签br、标题标签hn、强调语义标签strong和em、突出显示标签mark、装饰性标签span,希望对大家相识HTML有一定的资助,对进一步学习页面编辑打好基础。

在网页设计技术之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标签中所讲的一致。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标签相识的越来越多。

所以接待大家对本文内容举行增补,接待留言交流!如果以为有用,接待收藏、转发、点赞、关注^_^。


本文关键词:亚美体育投注,亚美,亚美体育官网,亚美体育平台

本文来源:亚美体育投注-www.heb517.com