国语自产精品视频在线看:您身边最放心的安全下载站! 最新软件|热门排行|软件分类|软件专题|厂商大全

国语自产精品视频在线看

技术教程
您的位置:首页网页设计Dreamweaver → 方便又快速插入网页标签的方法

方便又快速插入网页标签的方法

我要评论 2015/04/04 23:11:00 来源:国语自产精品视频在线看 编辑:downcc.com [ ] 评论:0 点击:679次

制作网页时【yè shí】☕,要在网上插入【shàng chā rù】一段javascript代码或者是在【zhě shì zài】某一段⛹文字上加入【jiā rù】css代码,您通常【nín tōng cháng】都是怎么做的【me zuò de】🔥呢【ne】?国语自产精品视频在【shì pín zài】线看的【xiàn kàn de】小编通【xiǎo biān tōng】常采用🏊手写的【de】方式,但是这【dàn shì zhè】🚥种方法【zhǒng fāng fǎ】是很浪费时间的【de】。也有人说【shuō】,通过🌌dreamweaver的【de】可视⚫试图,点查找🕚再插入【zài chā rù】,但是这【dàn shì zhè】🚥种方法【zhǒng fāng fǎ】需要查🏠找🛂,不太方🌠便!那么有【nà me yǒu】没有更♓快速更【kuài sù gèng】方便的【de】😂方法呢【ne】🐍?今天就🔂和新客网的【de】小🏳编一起来学习方便又快速的【de】📺添加、编辑网页标签的方法【de fāng fǎ】吧💚!

下面我们以【men yǐ】👭Dreamweaver 8为例【wéi lì】,假设大家【jiā】🐢Dreamweaver面板布局都为【jú dōu wéi】🐴默认的🕑布局方式🎃。查看一下属性面板的🥪上方是【shì】否有一【fǒu yǒu yī】行小标【háng xiǎo biāo】签【qiān】。(如果您👠用的不是【shì】MX,标签【qiān】在🕤状态栏🌍中)例如【lì rú】:你新建一个空【yī gè kōng】白的HTML文档,上面的💦小标签【qiān】应该为<body>。请看下图: 

方便又快速插入网页标签的方法_国语自产精品视频在线看

图上画⤴红框的【hóng kuàng de】地方🥙,就是我们🚵今天的【de】主角🤦了🚟。我们🚵先看一【xiān kàn yī】下【xià】“环绕标【huán rào biāo】🏳签🤪”。在页面上随便【shàng suí biàn】😼打入几⛩个字,选中它们🚵,在右键🥃菜单中选择【xuǎn zé】“环绕标【huán rào biāo】🏳签🤪”,在弹出【zài dàn chū】的【de】环绕🆗标签【biāo qiān】🤪对话框【duì huà kuàng】中输入【zhōng shū rù】“<strong>”(不包括引号),然后回车。之前被😼选中的【de】🚆文字是【wén zì shì】🎶不是已【bú shì yǐ】🔋经变成【jīng biàn chéng】粗体了🚟,到源代码看一下【xià】,我们🚵所选中【suǒ xuǎn zhōng】的【de】🚆文字是【wén zì shì】🎶不是已【bú shì yǐ】🔋经被【jīng bèi】💌<strong>标签【biāo qiān】🤪包围了🆓?大家可【dà jiā kě】以试着再加入其它的【de】一些标签【biāo qiān】🤪,如【rú】:<a>,<p>。这里也可以直【kě yǐ zhí】接输入【jiē shū rù】🤜属性。如【rú】:<p style="color:#CC0000">。这里仅大概说明一下【xià】📕,如【rú】有疑问,请查看【qǐng chá kàn】Dreamweaver的【de】帮助。

下面说一下标签选择器的应用方法。

我们将💓光标移动到刚【dòng dào gāng】🥨才加粗的文字里【lǐ】🎤,会发现在【zài】💝<body>的后面多了个<strong>。这就是🍆说光标所在【zài】💝处的这【chù de zhè】些文字的💫外面有🥧<strong>的标签【biāo qiān】🦀,在【zài】💝<strong>标签【biāo qiān】🦀外有【wài yǒu】<body>标签【biāo qiān】🦀。下面大家再添加一个表格【biǎo gé】🤱,把光标【bǎ guāng biāo】🏿移动到表格【biǎo gé】🤱内,看看标🛁签的结💢构【gòu】。相信对HTML有些基础的朋【chǔ de péng】友都应该很容易理解【yì lǐ jiě】的。

假设我们现在【men xiàn zài】👂要插入一个表【yī gè biǎo】格🚒,并将这【bìng jiāng zhè】个表格🚒用CSS来将它下移🏨10个象素。先插入【xiān chā rù】一个表【yī gè biǎo】格🚒,然后交【rán hòu jiāo】光标移【guāng biāo yí】动到表格🍅内【nèi】。这时在【zhè shí zài】标签👋选择器上【shàng】📑应该可🏊以看到这样的【zhè yàng de】字样【zì yàng】<body><table><tr><td>。然后在【rán hòu zài】table标签上【shàng】🚉点鼠标🌲右键,会看到有四个选项。删除标📟签👋、编辑标✡签👋、设置类㊙、设置ID。

删【shān】除【chú】⏮标签🍈:即是将【jí shì jiāng】标签🍈删【shān】除【chú】⏮。(有一些特殊的💘标签🍈是不能【shì bú néng】删【shān】➿除【chú】⏮的。例如:<table>、<tr>、<td>、<body>...)

编辑标签:给标签附加属性、修改属性等。

设置类【lèi】🐏:给这个【gěi zhè gè】标签附🧑予一个类【lèi】。(即【jí】🖕CSS的类【lèi】别)

设置ID:给这个【gěi zhè gè】标签附予一个ID。(即【jí】✋CSS的👼ID)

在这里,我们选🐔择编辑【zé biān jí】🍢标签【biāo qiān】,然后在【rán hòu zài】后面加上属性style="margin-top:10px"和正常【hé zhèng cháng】书写源代码的🔗方式是💙一样的【yī yàng de】。然后按下回车。就完成✝了编辑⏺。如果在【rú guǒ zài】Dreamweaver里看不⛏到效果【dào xiào guǒ】,请用浏览器预览。

还有另外一种【wài yī zhǒng】⛺方法,也许你会喜欢【huì xǐ huān】。选择窗口【kǒu】→标签检查器当🎁你选择某一个【mǒu yī gè】标签后,这里会⛵显示出当前选🧗择标签的所有🕚属性【shǔ xìng】。也可以🌧很快地【hěn kuài dì】在这里【zài zhè lǐ】😿进行编辑。在这里【zài zhè lǐ】😿输入的🧘属性不【shǔ xìng bú】用包括引号,编辑后【biān jí hòu】按回车🚓确定【què dìng】。

这里我😠们只将💪方法告【fāng fǎ gào】诉大家,希望大【xī wàng dà】🎃家能够从中受【cóng zhōng shòu】益。

关键词:Dreamweaver,网页标🎂签【qiān】

阅读本文后您有什么感想? 已有 人给出评价!

  • 1 欢迎喜欢
  • 2 白痴
  • 2 拜托
  • 1 哇
  • 101 加油
  • 28 鄙视