如何给网页做标记

如何给网页做标记
如何给网页做标记

给网页做个标记--iMarkup使用指南

【转载】

iMarkup是一款给网页做标记的工具软件,相当于IE的一个插件,使用它我们可以在浏览网页时,在网页上添加上自己的注释,这样当你再次访问该网页时,这些注释就会自动显示出来,另外它还可以让我们在浏览的时候,与其他网友就某个网页交流看法,通过iMarkup可以把我们注解的网页发给其他网友,但对方必须也安装了iMaikup软件。

一、把iMarkup请进来

iMarkup的下载地址为:ftp://https://www.360docs.net/doc/a11571437.html,/install/standard/imarkupinstall.exe,下载文件大小为2278K,最新版本为2.58,它的安装非常简单,在这里就不多说了,安装完毕后,打开IE浏览器,你会发现iMarkup已经被添加到IE的工具栏上了,同时它的工具面板会出现在浏览器的左边,使用起来比较方便。

二、开始给网页做注释

在iMarkup的工具面板中的“Annotate”标签下,有三个常用的注释工具:“My Sticky Notes”(便条注解)、“Text Markups”(文字标记)和“Paint Brush”(画笔工具)。下面就让我们来具体看一下它们的使用步骤:

步骤1 使用便条对网页进行注解:单击“My Sticky Notes”按钮,选择它下面的“Sticky Notes”,此时鼠标会变成一个黄色的小便签的形状,在网页上单击鼠标左键,这个便签便会加到网页上了,就像是插入了一个文本框,我们可以在该便签中输入一些见解或者评论,并且可以随意拖动到网页的任何位置,还可以通过拖动边界来调整它的大小(如图1)。

步骤2 加重显示网页中的文字:有时候我们可能要对网页中的某一部分文字进行加重显示,来方便区别,单击“Text Markups”按钮,在它的下面会列出一下效果:加粗效果B、高亮显示H、倾斜显示I、删除效果S和添

加下划线U。从中任选一种效果,然后找到网页中要做标记的文字上单击鼠标左键,文字就会发生相应的变化,并且在前面加上一个iMarkup的标志。

步骤3 对网页部分内容做圈释:利用画笔工具我们还可以对网页进行圈释,单击“Paint Brush”按钮,首先选择“Brush Color”设置画笔的颜色,然后选择“Brush Width”调整画笔的宽度,接下来选择“Paint Brush”绘制任意线条或者“Straight Brush”绘制直线,用鼠标圈选要进行注释的文字,双击刚才画好的文字部分,在弹出的“Add Your Annotation”窗口中输入注解文字,以后鼠标指向这里的时候你的注解就会显示出来。

步骤4 添加其他注释:在“Objects”中你可以为网页添加箭头、声音和附加文件等更为强大的注释,但这样做会增大网页体积,不利于我们发送给其他网友,另外“Office”中的注解工具和上面的使用方法差不多,我们在这里就不多说了。

小提示:对于我们已经注解的网页,为了我们方便阅读,可以单击鼠标右键,在弹出的快捷菜单中选择“Minimize”命令,将注解最小化,当鼠标移动到注解位置时,注解就会自动弹出来,或者选择“Office”中的“Transparent Sticky”给网页添加透明注释。

三、把注解过的网页发送给其他网友

使用iMarkup的发送注解功能可以令我们的网上交流更加方便,举一个最简单的例子,比如我要告诉我一个刚刚学会上网的朋友,如何在Web方式下登录E-mail信箱,那么我可以先打开该网站的登录页面,然后在需要做注解的地方添加上说明性的文字(如图2)

,然后单击工具栏上的“Collaborate”下拉菜单中的“Email Annotations”命令,则可以把网页连同注解一起发送给其他网友,注意第一次使用该功能时,需要你设置自己的邮件地址和SMTP服务器地址,然后把网页连同注解保存下来后,输入对方的邮箱地址就可以发送了(如图3),

对方只要安装了iMarkup的插件就可以看到我们的注解了。

四、管理iMarkup的标记

如果我们使用的时间长了,也许会记不清我们曾经做过注释的网页了,不要紧,iMarkup本身自带了强大的管理功能,它会自动记录下我们添加过注释的网页,单击工具面板上的“Organize”按钮,就会发现我们以前注释过的网页一个也不少的被保存在这里,在“Group by”下拉菜单中可以选择它们的排列方式,如果你想要查找某一网页,可以在下方的查询框中输入要查找网页的关键字,单击“Go”按钮即可开始查找(如图4)。

另外,iMarkup还提供了多种多样风格的注解样式,你可以从它的网站上下载,单击“iMarkup Main Menu”菜单下的“Download new Sticky Notes”命令,该软件就会自动连接到iMarkup的下载中心,选择你喜欢的样式进行下载即可。

网页制作常用代码

Dreamweaver代码div+css Dreamweaver代码 基本结构标签: ,表示该文件为HTML文件 ,包含文件的标题,使用的脚本,样式定义等 ---,包含文件的标题,标题出现在浏览器标题栏中 ,的结束标志 ,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. ,的结束标志 ,的结束标志 其它主要标签,以下所有标志用在中: ,链接标志,"…"为链接的文件地址 ,显示图片标志,"…"为图片的地址
,换行标志

,分段标志 ,采用黑体字 ,采用斜体字


,水平画线
,定义表格,HTML中重要的标志 ,定义表格的行,用在
中 ,定义表格的单元格,用在中 ,字体样式标志

属性是用来修饰标志的,属性放在开始标志内. 例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: 表示页面背景色为黑色; 表示表格背景色为黑色. 常用属性: 对齐属性,范围属性: ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度. ALIGN=RIGHT,右对齐. 色彩属性: COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色.

表示绝对居中.
表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距 cellspacing=数值单位是像素,定义表元间距 border=数值单位是像素,定义表格边框宽度 width=数值单位是像素或窗口百分比,定义表格宽度 background=图片链接地址,定义表格背景图 表格中一个表格行的开始和结束; 表格中行内一个单元格的开始和结束 属性:

网页标签的作用

想了解更多的资料,欢迎进入伍虔博客:https://www.360docs.net/doc/a11571437.html,/u/2008994915 网页标签的作用 标签的何当利用好才可以发挥出它的最大化?让我们一起看看吧,权重标签是对字体样式、字号、背景颜色或者其他格式进行一个定义,然后突出重点引起搜索引擎的一个重视。 其中,标签是用于标题的标签,它由

的一个编排,而作用性是以h1到h6不断递减过程,所以要把握好每个标签的作用来进行一个层次分析,编排适当的关键词也是一个技巧哦。

是较为常用的,显然,

用来修饰主标题,

修饰一个段落的标题,

是修饰段落中的小节标题,搜索引擎也会对文字当中层次进行寻找。 标签是对字体进行粗体,在内容方面起到作用仅次于标题标签。对字体加粗不是针对全部内容上,也不是标题上,而是对网页重点的关键词上。同时也要注意是我们作加粗效果的时候,标签的关键词加粗才是标准的,而只是用于加强语气作用,尽管显示效果几乎一样,但是他们作用却完全不一样的,所以要谨慎一下。 接着是标签,即是字体标签,对字号大小、字体颜色的规定,加用这个标签,可以与内容整体字体颜色作一个对比,从而突出重点内容,对SEO也是有一定的影响的! 最后就是标签,即是对文章制定标签来优化网页,搜索引擎会把你制定文章类同的归类在一起,用户更容易地找到自己感兴趣的文章。然而,一篇文章的TAG标签的设置有规定,数量要控制到3个左右和每个TAG标签字数控制在两个字左右为宜。一旦制定后,最好不要经常性地去修改它。 以上是我对标签优化的一些见解,欢迎指点! 想了解更多的资料,欢迎进入伍虔博客:https://www.360docs.net/doc/a11571437.html,/u/2008994915

dw网页制作基础代码

Dreamweaver 8 基础代码 HTML基本结构(每个网页都是在基本结构的基础上添加内容的) ---------网页文件开始标签 --------头部元素开始标签 ----------网页标题开始标签 … 头部元素 ---------网页标题结束标签 -------头部元素结束标签 ---------网页内容开始标签 ... 网页具体内容 --------网页内容结束标签 ---------网页文件结束标签 Dreamweaver的代码里打“<”会出现可选择代码,或在“< >”里打空格也会出现,方便输入。标签书写方式(不同标签书写方式不同) 1. <标签>对象 如:title、head等。 2. <标签> 如:br 3. <标签该标签的属性1=“参数1” 该标签的属性2=“参数2” ...>对象 如:font 注意: 1.第三种类型的标签也可以使用第一种的格式,即标签的属性不一定要写。 2.可以嵌套,但要注意顺序。 两个代码之间至少要用一个空格隔开。 几个常用标签介绍 文字:... face:字体,引号中输入字体名。如:face=“黑体”。默认是宋体。 size:字号。可以是-7--------+7之间整数。默认是3。 color:颜色。可使用“red”之类的颜色名称或16进制编码指定。默认黑色。 换行:
加粗:... 倾斜:... 滚动字幕: 滚动标签:marquee 最简表达:相关字幕 滚动的属性: Direction--表示滚动的方向,值可以是left,right,up,down,默认为left Behavior--表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)

网页设计标签

一、HTML元素的语义分类 1.结构语义元素 div 语义:Division(分隔)。在文档中定义一块区域,即包含框,IE认为它是一个容器 span 语义:Span(范围)。在文本行中定义一个区域,即包含框 ol 语义:Ordered List(排序列表)。根据一定的排序进行列表 ul 语义:Unordered List(不排序列表)。没有排序的列表 li 语义:List Item(列表项目)。每条列表项 dl 语义:Definition List(定义列表)。以定义的方式进行列表 dt 语义:Definition Term(定义术语)。定义列表中的词条 dd 语义:Definition Description(定义描述)。对定义的词条进行解释 del 语义:Deleted Text(删除的文本)。定义删除的文本 ins 语义:Inserted Text(插入的文本)。定义插入的文本 h1~.h6 语义:Header 1 to Header 6(标题1到标题6)。定义不同级别的标题 p 语义:Paragraph(段落)。定义段落结构 hr 语义:Horizontal Rule(水平尺)。定义水平线 2.内容语义元素 a 语义:Anchor(定义锚)。锚即定位的意思,换句话说就是超链接,即在多页间定位 abbr 语义:Abbreviation(缩写词)。定义缩写词 acronym 语义:Acronym(取首字母的缩写词)。定义取首字母的缩写词address 语义:Address(地址)。定义地址 dfn 语义:Defines a Definition Term(定义定义条目) kbd 语义:Keyboard Text(键盘文本)。定义键盘键 samp 语义:Sample(示例)。定义样本 var 语义:Variable(变量)。定义变量 tt 语义:Teletype Text(打印机文本)。定义打印机字体

HTML及网页制作练习题-完整版

1、在HTML中,()标记不可出现在和标记符之间。(C) (A)


(B)
(C) (D) 2、<table>属性中,rowspan定义的内容是(D) (A)单元格所跨的列数 (B)行的宽度 (C)列的高度 (D)单元格所跨的行数 3、在HTML中,正确的嵌套方式是(B)。 (A)<table><td><tr></tr></td></table> (B)<table><tr><td></td></tr></table> (C)<table><tr><td></tr></td></table> (D)<table><td><tr></td></tr></table> 4、最大的标题是:(D) (A)<h7> (B)<h6> (C)<h2> (D)<h1> 5、HTML样式格式文件的后缀名是:(C) (A).asp (B).js (C).css (D).ss 6、下面哪一个标记是用于插入背景音乐的:(D) (A)<MUSIC> (B)<SWF> (C)<A> (D)<BGSOUND> 7、请指出下面正确的说法是:(C) (A)背景音乐标记符号通常插入在<body>…</body>之间 (B)可以在JavaScript语句之间插入背景音乐 (C)背景音乐最好使用MP3格式 (D)用SRC属性指明声音文件地址 8、下列哪些是视频文件。(BD) (A)jpg文件 (B)avi文件 (C)mov文件 (D)mpg文件 9、HTML是一种专门用来设计网站的计算机标记语言(T F) 10、网站模版是指网站内容的总体结构和(A) A.页面格式总体规划 B.网页制作规划</p><h2>HTML代码大全</h2><p>HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。 编辑本段HTML代码大全 1.结构性定义 文件类型 <HTML></HTML> (放在档案的开头与结尾) 文件主题 <TITLE> (必须放在「文头」区块内) 文头 (描述性资料,像是「主题」) 文体 (文件本体) (由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 标题的对齐 区分
区分的对齐
引文区块
(通常会内缩) 强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示) 引文 (通常会以斜体显示) 码 (显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址
大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 (尚有些浏览器不提供) 下标 上标 打字机体 (用单空格字型显示) 预定格式
 (保留文件中空格的大小) 预定格式的宽度 
(以字元计算) 向中看齐 
(文字与图片都可以) 闪耀 (有史以来最被嘲弄的标签) 字体大小 (从1到7) 改变字体大小

HTML标签以及各个标签属性大全(网页制作必备).

取消换行和
相反 总类(所有HTML文件都有的) -------------------------------------------------------------------------------- 文件类型(放在档案的开头与结尾) 文件主题(必须放在「文头」区块内) 文头(描述性资料,像是「主题」) 文体(文件本体) 结构性定义(由浏览器控制的显示风格) -------------------------------------------------------------------------------- 标题(?表示从1到6,有六层选择)数值越高字越小 标题对齐左对齐、居中对齐、右对齐 区分

区分对齐
左对齐、右对齐、居中对齐、两端对齐 引文区块
(通常会内缩) 斜体 加粗 引文(通常会以斜体显示) 码(显示原始码之用)

样本 表示一段用户应该对其没有什么其他解释的文本。要从正常的上下文抽取这些字符时,通常要用到这个标签。 并不经常使用,只在要从正常上下文中将某些短字符序列提取出来,对其加以强调,才使用这个标签 键盘输入 变数 定义 (有些浏览器不提供) 地址

3.0 大字 3.0 小字 与外观相关的标签(作者自订的表现方式) -------------------------------------------------------------------------------- 加粗 斜体 3.0 底线(尚有些浏览器不提供) 3.0 删除线 (尚有些浏览器不提供) 3.0 下标 3.0 上标 打字机体(用单空格字型显示)

HTML网页编辑代码大全详细使用方法

html网页编辑代码大全详细使用方法 添加音乐 注册会员登录首页开通窝窝QQ-交流群站内娱乐颜色代码搜索帖子《声色具全》Summer°啦啦之乖乖宝贝啦啦&毛毛《简粉粉色》莫晓晓《简约蓝色》莫晓晓rose.《简约灰色》莫晓晓圣诞女孩【星期⒏音乐论坛】用心聆听,这里有你想要的声音。?【资源共享】?【论坛HTML帖子常用代码】-发现代码贴好看,不懂的,有兴趣的可以研究下。 网页搜索站内搜索搜索 返回列表回复发帖 发新话题发布投票发布悬赏发布辩论发布活动发布视频发布商品沵旳"唯1。发短消息 加为好友 沵旳"唯1。(只能a1自己。)当前离线 那些所谓d2情〃 UID21618帖子866精华42积分9318威望976金钱3587贡献1450阅读权限150性别女来自寂’在线时间248小时注册时间2009-11-29最后登录2010-3-1 ?星期⒏管理版主? UID21618帖子866精华42积分9318威望976金钱3587贡献1450阅读权限150性别女来自寂’在线时间248小时注册时间2009-11-29最后登录2010-3-1 【楼主】 打印字体大小:tT发表于2010-1-2114:53|只看该作者踩窝 窝送礼物问候Ta【论坛HTML帖子常用代码】-发现代码贴好看,不懂的,有兴趣的可以研究下。 关于“html图片移动...”的内容 本站搜索更多关于“html图片移动代码”的内容 本帖最后由沵旳"唯1。于2010-1-2114:54编辑 一、文字标记 基本代码如下:

网页标签代码

网页制作代码 1.结构性定义 文件类型 (放在档案的开头与结尾)文件主题 (必须放在「文头」区块内)文头 (描述性资料,像是「主题」) 文体 (文件本体) (由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 标题的对齐 区分

区分的对齐
引文区块
(通常会内缩) 强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示)引文 (通常会以斜体显示) 码 (显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供)

地址

大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 (尚有些浏览器不提供) 下标 上标 打字机体 (用单空格字型显示) 预定格式
 (保留文件中空格的大小) 预定格式的宽度
(以字元计算) 向中看齐
(文字与图片都可以) 闪耀 (有史以来最被嘲弄的标签) 字体大小(从1到7) 改变字体大小 基本字体大小 (从1到7; 内定为3)字体颜色 2.连结与图形 连结 连结到锚点(如果锚点在另一个

最齐全的弹窗代码汇总

经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的html里加入几段javascript代码即可实现。下面俺就带您剖析它的奥秘。 【1、最基本的弹出窗口代码】 其实代码非常简单: 因为着是一段javascripts代码,所以它们应该放在之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open ('page.html') 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。 这一段代码可以加入html的任意位置,和之间可以,间也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。 【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。 参数解释: