它还是个文科问题。所以我们这里讲语义标签的使用的第一个场景,也是最自然的使用场景,就是:作为自然语言和纯文本的补充,用来表达一定的结构或者消除歧义。我们先来看看“表达一定的结构”这个场景。在日语中,有一个语法现象叫做:ルビ,它的读音是ruby(著名的ruby语言就是据此命名的),它中文的意思大约类似于注音或者意思的注解,它的形式可以看下图:图中的例子选自动画片《某科学的超电磁炮》第二季第一话...
语义类标签也是大家工作中经常会用到的一类标签,它们的特点是视觉表现上互相都差不多,主要的区别在于它们表示了不同的语义,比如大家会经常见到的section、nav、p,这些都是语义类的标签。语义是我们说话表达的意思,多数的语义实际上都是由文字来承载的。语义类标签则是纯文字的补充,比如标题、自然段、章节、列表,这些内容都是纯文字无法表达的,我们需要依靠语义标签代为表达。
有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到<em>或<strong>标签但两者在强调的语气上有区别:<em>表示强调,在浏览器中<em>默认用斜体表示<strong>表示更强烈的强调,在浏览器中<strong>用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。
标签代码:在浏览器中显示的样式:
标签,添加段落
如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。语法:<p>段落文本</p>注意一段文字一个<p>标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>标签中。如下图所示。了解<hx(1-6)>标签,为你的网页添加标题文章的段落用<p>标签,那么文章的标题用什么标签呢?在本节我们将使用<hx>标签来制作文章的标题。标题标签一共有6个,...
在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。
在<title>和<title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。例如:<head><title>helloworld</title></head><title>标签的...
在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。语法:<div>…</div>确定逻辑部分:什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图所示:图中用红色边框标出的部分就是一个逻辑部分,就可以使用<div>标签作为容器注释:<div>是一个块级元素,也就是...
使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。语法:<ahref=”目标网址”>链接显示的文本</a>例如:<ahref="http://www.baidu.com">clickhere!</a>上面例子作用是单击clickhere!文字,网页链接到http://www.baidu.com这个网页。
语法:<p></p>常用属性:align:设置对齐方式.属性值有left(左对齐)、center(居中对齐)、right(右对齐)代码:页面效果: