导航:首页 > 万维百科 > 网页设计中标签的作用

网页设计中标签的作用

发布时间:2021-03-13 14:10:31

1、网页设计中,span标签是什么东西啊?

如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
可以对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
提示:事实上,您也许已经注意到了,W3School 站点上有一些文本的样式与其他文本是不同的。比如“提示”使用了粗体的橘红色。尽管实现这种效果的方法非常多,但是我们的做法是:使用“提示”使用 span 元素,然后对这个 span 元素的父元素,即 p 元素应用 class,这样就可以对这个类的子元素 span 应用相应的样式了。
HTML:
<p class="tip"><span>提示:</span>... ... ...</p>

CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}
说的简单点就是给一些文字图片加一个定义!然后改变文字和图片的样式

2、请问标签<div>在网页制作中,是起到什么作用,什么时候要用到标签??

<div>的作用是产生一个容器,使得可以对这个容器里面的所有内容进行操作。

容器也可以理解为网页上的一块。

<div>产生的容器会单独占一段,需要把不分段时使用<span>建立容器。

3、html中的主要标签有哪些,具体作用是什么

html中的主要标签有哪些,具体作用是什么?

文件标记
<HTML> ● 文件声明 让浏览器知道这是 HTML 文件
<HEAD> ● 开头 提供文件整体资讯
<TITLE> ● 标题 定义文件标题,将显示于浏览顶端
<BODY> ● 本文 设计文件格式及内文所在
排版标记
<!--注解--> ○ 说明标记 为文件加上说明,但不被显示
<P> ○ 段落标记 为字、画、表格等之间留一空白行
<BR> ○ 换行标记 令字、画、表格等显示于下一行
<HR> ○ 水平线 插入一条水平线
<CENTER> ● 居中 令字、画、表格等显示于中间 反对
<PRE> ● 预设格式 令文件按照原始码的排列方式显示
<DIV> ● 区隔标记 设定字、画、表格等的摆放位置
<NOBR> ● 不折行 令文字不因太长而绕行
<WBR> ● 建议折行 预设折行部位
字体标记
<STRONG> ● 加重语气 产生字体加粗 Bold 的效果
<B> ● 粗体标记 产生字体加粗的效果
<EM> ● 强调标记 字体出现斜体效果
<I> ● 斜体标记 字体出现斜体效果
<TT> ● 打字字体 Courier字体,字母宽度相同
<U> ● 加上底线 加上底线 反对
<H1> ● 一级标题标记 变粗变大加宽,程度与级数反比
<H2> ● 二级标题标记 将字体变粗变大加宽
<H3> ● 三级标题标记 将字体变粗变大加宽
<H4> ● 四级标题标记 将字体变粗变大加宽
<H5> ● 五级标题标记 将字体变粗变大加宽
<H6> ● 六级标题标记 将字体变粗变大加宽
<FONT> ● 字形标记 设定字形、大小、颜色 反对
<BASEFONT> ○ 基准字形标记 设定所有字形、大小、颜色 反对
<BIG> ● 字体加大 令字体稍为加大
<SMALL> ● 字体缩细 令字体稍为缩细
<STRIKE> ● 画线删除 为字体加一删除线 反对
<CODE> ● 程式码 字体稍为加宽如<TT>
<KBD> ● 键盘字 字体稍为加宽,单一空白
<SAMP> ● 范例 字体稍为加宽如<TT>
<VAR> ● 变数 斜体效果
<CITE> ● 传记引述 斜体效果
<BLOCKQUOTE> ● 引述文字区块 缩排字体
<DFN> ● 述语定义 斜体效果
<ADDRESS> ● 地址标记 斜体效果
<SUB> ● 下标字 下标字
<SUP> ● 上标字 指数(平方、立方等)
清单标记
<OL> ● 顺序清单 清单项目将以数字、字母顺序排列
<UL> ● 无序清单 清单项目将以圆点排列
<LI> ○ 清单项目 每一标记标示一项清单项目
<MENU> ● 选单清单 清单项目将以圆点排列,如<UL> 反对
<DIR> ● 目录清单 清单项目将以圆点排列,如<UL> 反对
<DL> ● 定义清单 清单分两层出现
<DT> ○ 定义条目 标示该项定义的标题
<DD> ○ 定义内容 标示定义内容
表格标记
<TABLE> ● 表格标记 设定该表格的各项参数
<CAPTION> ● 表格标题 做成一打通列以填入表格标题
<TR> ● 表格列 设定该表格的列
<TD> ● 表格栏 设定该表格的栏
<TH> ● 表格标头 相等于<TD>,但其内之字体会变粗
表单标记
<FORM> ● 表单标记 决定单一表单的运作模式
<TEXTAREA> ● 文字区块 提供文字方盒以输入较大量文字
<INPUT> ○ 输入标记 决定输入形式
<SELECT> ● 选择标记 建立 pop-up 卷动清单
<OPTION> ○ 选项 每一标记标示一个选项
图形标记
<IMG> ○ 图形标记 用以插入图形及设定图形属性
连结标记
<A> ● 连结标记 加入连结
<BASE> ○ 基准标记 可将相对 URL 转绝对及指定连结目标
框架标记
<FRAMESET> ● 框架设定 设定框架
<FRAME> ○ 框窗设定 设定框窗
<IFRAME> ○ 页内框架 于网页中间插入框架 IE
<NOFRAMES> ● 不支援框架 设定当浏览器不支援框架时的提示
影像地图
<MAP> ● 影像地图名称 设定影像地图名称
<AREA> ○ 连结区域 设定各连结区域
多媒体
<BGSOUND> ○ 背景声音 于背景播放声音或音乐 IE
<EMBED> ○ 多媒体 加入声音、音乐或影像
其他标记
<MARQUEE> ● 走动文字 令文字左右走动 IE
<BLINK> ● 闪烁文字 闪烁文字 NC
<ISINDEX> ○ 页内寻找器 可输入关键字寻找于该一页 反对
<META> ○ 开头定义 让浏览器知道这是 HTML 文件
<LINK> ○ 关系定义 定义该文件与其他 URL 的关系
StyleSheet
<STYLE> ● 样式表 控制网页版面
<span> ● 自订标记 独立使用或与样式表同用

4、网页设计中div是起什么作用的?

div是块状标签,可以把网页分成一块一块的,方便排版,明确层次。
比用table等更好。

5、网页程序设计中标签的作用是什么?

得看是什么标签了,就像不同颜色的透明容器,放在里边的东西在网页上会根据标签不同显示出不同视觉效果。

6、刚学习网页制作,求里面一个标签作用

这个是跟SEO相关标签,加了 nofollow之后,页面不传递权重到 maokong001的网站。

具体参考http://ke.baidu.com/view/1584081.htm

7、网页设计中元素和标签有什么区别

标签(tag)指示元素的起始与结束。

所有标签都具有相同的格式:以小于号“<”开头,以大于号“>”结尾。

一般说来,有两种标签——首标签(start tag)(如<html>)和尾标签(end tag)(如</html>)。它们唯一的区别在于,尾标签多一条斜杠“/。你通过把内容放在首标签和尾标签之间来对内容进行标记。

HTML主要就是各种各样的元素,所以,学习HTML,就是学习使用各种元素。

可以举些例子么?

没问题。比如,b元素的作用是,告诉浏览器介于标签<b>和</b>之间的文本应以粗体显示。(这里的“b”是“粗体(bold)”的意思。)

8、Dreamweaver中常见的标签的意义和作用是什么???

CSS:Cascading Style Sheet(层叠样式表、级联样式表)的缩写。

w3c给予的说明是:它是一种简单的对于web文档增加样式(诸如:字体、颜色、间隔等)的机制(Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. )。标准技术文档参见W3C的文档说明。
本人认为样式表的作用就是web设计中文档设计与表现分离的需要。打个比方,整个web程序就像一个人,人有头、四肢等,这是人的基本构架,也是最基本的,没有这些,人就不能称之为人;同样web文档结构就是web程序中最基本的东东。那样式表就好像人的衣服,它是web文档的衣装,有了它,web网页才显现出千姿百态。有人要问了,那以前没有CSS说法时,web页面设计也是各式各样的啊。不错,但是注意那时文档结构和表现形式是没有分离的,就好比你的文身,刺在你的肉中(也许不是很恰当,人穿上衣服可以遮住的),没法和你分开了。文档结构和表现混和就不利于web程序的继承、再开发,因为每一次web重新设计就是一次新的项目开发了。所以我们要选择web文档结构和表现形式的分离,所以我们选择了CSS(当然,CSS主要是针对web程序的;还有XSL是针对所有的文档结构类型之间的相互转换,也更为通用了,XSL也可以用于web设计)。

与网页设计中标签的作用相关的知识