HTML中的base标签

HTML中的base标签
HTML中的base标签

HTML中的base标签

在requireJS中,有一个属性叫baseURL,通过设置baseURL,我们

可以将需要加载的文件路径写成相对于项目的,而不是相对于当前页面

的。

例如:假设我们的项目目录是/myproject/,里面有两个页面,一个是/myproject/one.html,另一个是/myproject/html/other.html,他们都要加载/myproject/js/some.js。如果我们将baseU RL设置成/myproject/,则我们在加载该js的时候,这两个页面都可以使用相对于项目的路径. /js/some,而不是因为页面的路径不同而使用不同的相对路径。

但是如果不使用requireJS,我们能不能实现类似于baseURL的功能

呢?

base标签

其实,HTML中有一个base标签,可以产生类似的功能。举个例子:

我们会发现,我们用相对路径./images/logo_gray.gif加载的图片,却

变成了https://www.360docs.net/doc/174595538.html,/images/logo_gray.gif的图片。base标签可以给页面的链接加上默认的路径,或者默认的打开方式。下面是一个设置默认打开方式的例子:

这个页面会在新窗口打开

这个页面也会在新窗口打开

一个BUG

base标签最好不要动态写入,否则在Firefox和IE中会有一个小bug,比如对于页面http://localhost/static/test.html:

Firefox和IE中会先加载http://localhost/static/static/1.jpg,然后再加载http://localhost/static/1.jpg。也就是说,他们都先尝试用相对于当前页面的路径进行加载,然后再通过base标签设置的默认路径加载。

Chrome的加载正常。

Firefox的加载不正常。

Why?

这个我们并没有找到很好的解释,我们的分析是浏览器对资源加载进行了优化,导致动态插入base标签并未生效时,就预先去加载了,结果出错,然后base标签生效于是又加载正确的资源。

如何避免呢?

?不动态写入base标签那么就没有任何问题。

?如果需要动态写入base标签,那么页面所有引用的外部资源都需要通过Javascript动态加载。

HTML标记语言常用标记大全

html标记语言常用标记大全2009-10-1416:30 HTML标记一览,后有详解

HTML里,比较基础的标签主要用于标题,段落和分行。 学习HTML最好的方法,就是跟着示例学。为了各位学习的方便,我们准备了一个简单的HTML编辑器,你可以在左边写HTML代码,然后点击上面的按钮,查看HTML的显示结果。 copyright dedecms 试试看吧! 示例:一个非常简单的HTML文件本文来自织梦 这是一个非常简单的HTML。 织梦内容管理系统 这个示例算是一个最简单的HTML文件,只包含了最基本的能构成一个HTML文件的标签。通过这个例子,你可以看到浏览器是如何显示这个文件的,以此对HTML文件有个最初的认识。 织梦好,好织梦 示例:简单的段落 内容来自dedecms copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里,用p来定义段落。 织梦好,好织梦

织梦好,好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统 正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用

这几个标签来定义正文标题,从大到小。每个正文标题自成一段。 copyright dedecms

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading
This is a heading
copyright dedecms 段落划分 在HTML里用和 划分段落。 内容来自dedecms This is a paragraph This is another paragraph 本文来自织梦 换行 通过使用
这个标签,可以在不新建段落的情况下换行。
没有Closing Tag。 内容来自dedecms 用换行是个坏习惯,正确的是使用
。 copyright dedecms This
is a para
graph with line breaks

完整HTML5常用标签大全推荐文档

// 定义文档类型。 // 定义 HTML 文档。 // 定义文档的标题。 // 定义文档的主体。 // 定义 HTML 标题。 // 定义段落。 // 定义简单的折行。 // 定义水平线。 // 定义注释。 // 定义只取首字母的缩写。 // 定义缩写。 // 定义文档作者或拥有者的联系信息。 // 定义粗体文本。 // 定义文本的文本方向,使其脱离其周围文本的方向设置。 // 定义文字方向。 // 定义大号文本。 // 定义长的引用。 // 不赞成使用。定义居中文本。 // 定义引用 (citation) 。 // 定义计算机代码文本。 // 定义被删除文本。 // 定义定义项目。 // 定义强调文本。 // 不赞成使用。定义文本的字体、尺寸和颜色 // 定义斜体文本。 // 定义被插入文本。 // 定义键盘文本。 // 定义有记号的文本。 // 定义预定义范围内的度量。 // 定义预格式文本。 // 定义任何类型的任务的进度。 // 定义短的引用。 // 定义若浏览器不支持 ruby 元素显示的内容。 // 定义 ruby 注释的解释。 // 定义 ruby 注释。 // 不赞成使用。定义加删除线的文本。 // 定义计算机代码样本。 // 定义小号文本。 // 不赞成使用。定义加删除线文本。 // 定义语气更为强烈的强调文本。 基 础 <body> <h1> to <h6> <br> <hr> 格 式 <acronym> <abbr> <address> <b> <bdi> <bdo> <big> <blockquote> <center> <cite> <code> <del> <dfn> <em> <font> <i> <ins> <kbd> <mark> <meter> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <small> <strike> <strong></p><h2>html标签大全</h2><p><html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息<title> 设置文档的标题

最大的标题
 预先格式化文本  下划线  黑体字  斜体字  打字机风格的字体  引用,通常是斜体

强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小从1到7,颜色使用名字或RGB的十六进制值 基准字体标记 字体加大 字体缩小 加删除线 程式码 键盘字 范例 变量

向右缩排 述语定义
地址标记 上标字 下标字 ...固定寬度字体(在文件中空白、換行、定位功能有效) ...</plaintext>固定寬度字體(不執行標記符號) <listing>...</listing> 固定寬度小字體 <font color=00ff00>...</font>字體顏色 <font size=1>...</font>最小字體 <font style ='font-size:100 px'>...</font>無限增大 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆ 创建一个段落 <p align=""> 将段落按左、中、右对齐</p><h2>HTML中常用标记</h2><p>HTML常用标记 HTML页面基本结构标记 HTML页面的结构代码如下: <!DOCTYPE> <html> <head> <title>页面标题<title/> <head/> <body> 这里是页面内容部分 <body/> <html/> HTML常用标记 表内容的标记 1、文本标记 文本基础元素包括p,h1,h2,h3,h4,h5,h6等元素,主要用来容纳文本等内容。 1、:块元素,表示文本段落。 2、<span>:内联元素,用来区分文本中的一个部分。 3、标题元素:块元素,用来定义文本中的各种标题。h1,h2,h3,h4 ,h5,h6,其中每 个元素都对应有默认的字体样式其代码如下: <h1>一级标题</h1></p><p><h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 2、粗、斜体标记 1、<strong>:内联元素,文本以粗体显示。 2、<b>:内联元素,显示效果为文本加粗。 3、<em>:内联元素,文本以斜体显示。 4、<i>:内联元素,文本以斜体显示。 3、水平线、换行、注释标记 1、<br/>:内联元素,文本换行。 2、<hr/>:块级元素,横向实线。 3、:注释 4、图像、背景音乐、插入动画等标记 1、<img src=”xxx.gif”title=”xxx”alt=”xxx”>:内联元素,用来插入图像文 件。 src :用于指定图片文件所在的位置。 title/alt:用于指定一段文本信息,作为鼠标放在图像上的提示。 2、<bgsound/>:用来添加背景音乐。</p><h2>html标记有哪些类型</h2><p>HTML标记有哪些类型HTML用于描述功能的符号称为“标记”。 HTML的标记有以下类型: 单标记:只需单独使用就能完整的表达意思。 这类标记的语法是: <标记名称> 最常用的单标记符号是<br>,它表示换行。 双标记:由“始标记”和“尾标记”两部分构成。它必须成对出现。 这类标记的语法是: <标记>内容</标记> 标记类型译名或意义作用备注 文件标记 <HTML> ●文件声明让浏览器知道这是HTML 文件 <HEAD> ●开头提供文件整体资讯 <TITLE> ●标题定义文件标题,将显示于浏览顶端 <BODY> ●本文设计文件格式及内文所在 排版标记</p><p>○说明标记为文件加上说明,但不被显示 <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> ●键盘字字体稍为加宽,单一空白</p><h2>HTML标记大全参考手册</h2><p>---- HTML标记大全参考手册[推荐] (https://www.360docs.net/doc/174595538.html,/dispbbs.asp?boardid=7&rootid=&id=470) -- 作者:雨过天晴 -- 发布时间:2003-1-27 17:42:06 -- HTML标记大全参考手册[推荐] 总类(所有HTML文件都有的) 文件类型 <HTML></HTML> (放在档案的开头与结尾) 文件主题 <TITLE></TITLE> (必须放在「文头」区块内) 文头 <HEAD></HEAD> (描述性资料,像是「主题」) 文体 <BODY></BODY> (文件本体) ------------------------------------------------------------结构性定义(由浏览器控制的显示风格) 标题 <H?></H?> (从1到6,有六层选择) 3.0 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?> 3.0 区分 <DIV></DIV> 3.0 区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> 引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩) 强调 <EM></EM> (通常会以斜体显示) 特别强调 <STRONG></STRONG> (通常会以加粗显示) 引文 <CITE></CITE> (通常会以斜体显示) 码 <CODE></CODE> (显示原始码之用) 样本 <SAMP></SAMP> 键盘输入 <KBD></KBD> 变数 <VAR></VAR> 定义 <DFN></DFN> (有些浏览器不提供) 地址 <ADDRESS></ADDRESS> 3.0 大字 <BIG></BIG> 3.0 小字 <SMALL></SMALL> ------------------------------------------------------------与外观相关的标签(作者自订的表现方式) 加粗 <B></B></p><h2>html标记语言常用标记大全</h2><p>html标记语言常用标记大全2009-10-14 16:30 HTML标记一览,后有详解</p><p>HTML里,比较基础的标签主要用于标题,段落和分行。</p><p>学习HTML最好的方法,就是跟着示例学。为了各位学习的方便,我们准备了一个简单的HTML编辑器,你可以在左边写HTML代码,然后点击上面的按钮,查看HTML的显示结果。 copyright dedecms 试试看吧! 示例:一个非常简单的HTML文件本文来自织梦 <html> <body> 这是一个非常简单的HTML。 </body> </html> 织梦内容管理系统 这个示例算是一个最简单的HTML文件,只包含了最基本的能构成一个HTML 文件的标签。通过这个例子,你可以看到浏览器是如何显示这个文件的,以此对HTML文件有个最初的认识。 织梦好,好织梦 示例:简单的段落 内容来自dedecms <html> <body> copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里,用p来定义段落。 织梦好,好织梦 </body> </html> 织梦好,好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统</p><p>正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用<h1>到<h6>这几个标签来定义正文标题,从大到小。每个正文标题自成一段。 copyright dedecms <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> copyright dedecms 段落划分 在HTML里用和 划分段落。 内容来自dedecms This is a paragraph This is another paragraph 本文来自织梦 换行 通过使用<br>这个标签,可以在不新建段落的情况下换行。<br>没有Closing Tag。 内容来自dedecms 用换行是个坏习惯,正确的是使用<br>。 copyright dedecms This <br> is a para<br>graph with line breaks 织梦内容管理系统 HTML注释 在HTML文件里,你可以写代码注释,解释说明你的代码,这样有助于你和他人</p><h2>前端 html 标签</h2><p>基础 标签描述 <!DOCTYPE>定义文档类型。 <html>定义HTML 文档。 <title>定义文档的标题。 <body>定义文档的主体。 <h1> to <h6>定义HTML 标题。 定义段落。 <br>定义简单的折行。 <hr>定义水平线。 定义注释。 格式 标签描述 <acronym>定义只取首字母的缩写。 <abbr>定义缩写。 <address>定义文档作者或拥有者的联系信息。 <b>定义粗体文本。 <bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。<bdo>定义文字方向。 <big>定义大号文本。 <blockquote>定义长的引用。 <center>不赞成使用。定义居中文本。 <cite>定义引用(citation)。 <code>定义计算机代码文本。 <del>定义被删除文本。 <dfn>定义定义项目。 <em>定义强调文本。</p><p><font>不赞成使用。定义文本的字体、尺寸和颜色<i>定义斜体文本。 <ins>定义被插入文本。 <kbd>定义键盘文本。 <mark>定义有记号的文本。 <meter>定义预定义范围内的度量。 <pre>定义预格式文本。 <progress>定义任何类型的任务的进度。 <q>定义短的引用。 <rp>定义若浏览器不支持ruby 元素显示的内容。<rt>定义ruby 注释的解释。 <ruby>定义ruby 注释。 <s>不赞成使用。定义加删除线的文本。 <samp>定义计算机代码样本。 <small>定义小号文本。 <strike>不赞成使用。定义加删除线文本。 <strong>定义语气更为强烈的强调文本。 <sup>定义上标文本。 <sub>定义下标文本。 <time>定义日期/时间。 <tt>定义打字机文本。 <u>不赞成使用。定义下划线文本。 <var>定义文本的变量部分。 <wbr>定义视频。</p><h2>HTML常用标记</h2><p>《HTML常用标记》 一、HTML文档结构 <html>//网页解析开始 <head>//网页头部定义开始 <title>标题<title>//定义标题显示于浏览器的标题栏内 </head>//网页头部定义结束 <body>//网页主体定义开始 网页主体内容 </body>//网页主体定义结束 </html>//网页解析结束 以下是具体标记说明。 1.文件标题 <title>..........</title> 2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv="refresh"content=10> 【2】10秒后自动连结到另一文件 <meta http-equiv="refresh"content="10;URL=欲连结文件之URL"> 二、文字标记 预设的基准路径--<base><base href="放置文件的主机之URL"> 版面 1.标题文字<h#>..........</h#>#=1~6;h1为最大字,h6为最小字 2.字体变化<font>..........</font> 【1】字体大小<font size=#>..........</font>#=1~7;数字愈大字也愈大 【2】指定字型<font face="字型名称">..........</font> 【3】文字颜色<font color=#rrggbb>..........</font>取值为十六进制数 r:表红色(red)色码 g:表绿色(green)色码 b:表蓝色(blue)色码 3.显示小字体<small>..........</small> 4.显示大字体<big>..........</big> 5.粗体字<b>..........</b> 6.斜体字<i>..........</i> 7.打字机字体<tt>..........</tt> 8.底线<u>..........</u> 9.删除线<strike>..........</strike> 10.下标字<sub>..........</sub> 11.上标字<sup>..........</sup> 12.文字闪烁效果<blink>..........</blink> 13.换行<br> 14.分段<p> 15.文字的对齐方向<p align="#">#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.<p align="#">之後的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,或遇到<hr>或<h#>标签时会自动设回预设的向左对齐。 16.水平线(分隔线)<hr>注:多个属性可以同时写。 【1】分隔线的粗细<hr size=点数> 【2】分隔线的宽度<hr size=点数或百分比></p><h2>HTML中常用标记教学内容</h2><p>H T M L中常用标记</p><p>HTML常用标记 HTML页面基本结构标记 HTML页面的结构代码如下: <!DOCTYPE> <html> <head> <title>页面标题<title/> <head/> <body> 这里是页面内容部分 <body/> <html/> HTML常用标记 表内容的标记 1、文本标记 文本基础元素包括p,h1,h2,h3,h4,h5,h6等元素,主要用来容纳文本等内容。 1、:块元素,表示文本段落。 2、<span>:内联元素,用来区分文本中的一个部分。 3、标题元素:块元素,用来定义文本中的各种标题。h1,h2,h3,h4 ,h5,h6,其中 每个元素都对应有默认的字体样式其代码如下: <h1>一级标题</h1></p><p><h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 2、粗、斜体标记 1、<strong>:内联元素,文本以粗体显示。 2、<b>:内联元素,显示效果为文本加粗。 3、<em>:内联元素,文本以斜体显示。 4、<i>:内联元素,文本以斜体显示。 3、水平线、换行、注释标记 1、<br/>:内联元素,文本换行。 2、<hr/>:块级元素,横向实线。 3、:注释 4、图像、背景音乐、插入动画等标记 1、<img src=”xxx.gif”title=”xxx”alt=”xxx”>:内联元素,用来插入图像文 件。 src :用于指定图片文件所在的位置。 title/alt:用于指定一段文本信息,作为鼠标放在图像上的提示。 2、<bgsound/>:用来添加背景音乐。</p><h2>HTML5常用标签大全</h2><p>基础 <!DOCTYPE> //定义文档类型。 <html> //定义HTML 文档。 <title> //定义文档的标题。 <body> //定义文档的主体。 <h1> to <h6> //定义HTML 标题。 //定义段落。 <br> //定义简单的折行。 <hr> //定义水平线。 //定义注释。 格式 <acronym> //定义只取首字母的缩写。 <abbr> //定义缩写。 <address> //定义文档作者或拥有者的联系信息。 <b> //定义粗体文本。 <bdi> //定义文本的文本方向,使其脱离其周围文本的方向设置。<bdo> //定义文字方向。 <big> //定义大号文本。 <blockquote> //定义长的引用。 <center> //不赞成使用。定义居中文本。 <cite> //定义引用(citation)。 <code> //定义计算机代码文本。 <del> //定义被删除文本。 <dfn> //定义定义项目。 <em> //定义强调文本。 <font> //不赞成使用。定义文本的字体、尺寸和颜色 <i> //定义斜体文本。 <ins> //定义被插入文本。 <kbd> //定义键盘文本。 <mark> //定义有记号的文本。 <meter> //定义预定义范围内的度量。 <pre> //定义预格式文本。 <progress> //定义任何类型的任务的进度。 <q> //定义短的引用。 <rp> //定义若浏览器不支持ruby 元素显示的内容。 <rt> //定义ruby 注释的解释。 <ruby> //定义ruby 注释。 <s> //不赞成使用。定义加删除线的文本。 <samp> //定义计算机代码样本。 <small> //定义小号文本。 <strike> //不赞成使用。定义加删除线文本。 <strong> //定义语气更为强烈的强调文本。</p><h2>常见HTML标记及含义</h2><p>一、html基础知识 二、html结构 <html> <head> <title>网络0801</title> </head> <body> </body> </html> 基本标记 . 段落<br> 换行 三、head内的标记 1、title 标题标记 功能:标题控制 使用:设置标题 格式:<title>标题内容</title> 实例:添加一个标题 2、base 基底网址标记 功能:文档的基本网址,其他为与其相对的网址 使用:插入栏/html/文件头/基础 格式:<base href="https://www.360docs.net/doc/174595538.html," target="父(_P)" /> 实例:设置后,在文章中添加一个相对路径和绝对路径 4、media 原信息标记 功能:提高被搜索引擎搜索到的可能性 使用:插入栏/html/文件头/meta【name-搜索引擎http-equiv-设置浏览器检查信息,控制网页精确显示】 格式:<meta name="author" content="宋赟中" />(作者) <meta name="keywords" content="网络,计算机学校" />(关键字) <meta name="description" content="忙忙忙忙忙忙忙忙忙忙" />(说明) <meta name="build" content="建设时间"/> <meta name="reply-to" content="联系人邮箱"/> <meta name="copyright" content="版权说明"/> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />(字符集) <meta name=<meta http-equiv="refresh" content="22" />(刷新) <meta http-equiv="windows-target" content="_top" />(强制独立窗口打开) <meta http-equiv="pragma" content="No-cach />(页面不允许缓存)实例:设置后,会提高搜索引擎的命中率 四、body标记 1、bgcolor 背景色 2、background 背景图像 3、text 文字颜色 4、bgproperties 背景滚动方式fixed 代表固定 5、link 默认链接颜色</p><h2>HTML常用标签大全</h2><p>H T M L常用标签大全 Document serial number【UU89WT-UU98YT-UU8CB-UUUT-UUT108】</p><p>基础 <!DOCTYPE>? .--> //定义注释。 格式 <acronym> //定义只取首字母的缩写。 <abbr> //定义缩写。 <address> //定义文档作者或拥有者的联系信息。<b> //定义粗体文本。 <bdi> //定义文本的文本方向,使其脱离其周围文本的方向设置。 <bdo> //定义文字方向。 <big> //定义大号文本。 <blockquote> //定义长的引用。 <center> //不赞成使用。定义居中文本。 <cite> //定义引用(citation)。 <code> //定义计算机代码文本。 <del> //定义被删除文本。 <dfn> //定义定义项目。 <em> //定义强调文本。 <font> //不赞成使用。定义文本的字体、尺寸和颜色 <i> //定义斜体文本。 <ins> //定义被插入文本。</p><p><kbd> //定义键盘文本。 <mark> //定义有记号的文本。 <meter> //定义预定义范围内的度量。 <pre> //定义预格式文本。 <progress> //定义任何类型的任务的进度。 <q> //定义短的引用。 <rp> //定义若浏览器不支持 ruby 元素显示的内容。 <rt> //定义 ruby 注释的解释。 <ruby> //定义 ruby 注释。 <s> //不赞成使用。定义加删除线的文本。 <samp> //定义计算机代码样本。 <small> //定义小号文本。 <strike> //不赞成使用。定义加删除线文本。 <strong> //定义语气更为强烈的强调文本。 <sup> //定义上标文本。 <sub> //定义下标文本。 <time> //定义日期/时间。 <tt> //定义打字机文本。 <u> //不赞成使用。定义下划线文本。</p><h2>HTML基本结构标签</h2><p>基本结构标签: <HTML>,表示该文件为HTML文件</HTML>,<HTML>的结束标志 <HEAD>,包含文件的标题,使用的脚本,样式定义等</HEAD>,<HEAD>的结束标志 <TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中 <BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. </BODY>,<BODY>的结束标志 其它主要标签 以下所有标志用在<BODY></BODY>中: <A,HREF="…"></A>,链接标志,"…"为链接的文件地址<IMG,SRC="…">,显示图片标志,"…"为图片的地址 <BR>,换行标志<P>,分段标志<B></B>,采用黑体字<I></I>,采用斜体字<HR>,水平画线<FONT></FONT>,字体样式标志 <TABLE></TABLE>,定义表格,HTML中重要的标志 <TR></TR>,定义表格的行,用在<TABLE></TABLE>中<TD></TD>,定义表格的单元格,用在<TR></TR>中 属性: 属性是用来修饰标志的,属性放在开始标志内.例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: <BODY,bgcolor="BLACK"></BODY>表示页面背景色为黑色; <TABLE,bgcolor="BLACK"></TABLE>表示表格背景色为黑色. 常用属性: 对齐属性,范围属性:,色彩属性: ALIGN=LEFT,左对齐(缺省值), ALIGN=CENTER,居中,ALIGN=RIGHT,右对齐<center>表示绝对居中. WIDTH=象素值或百分比,对象宽度. HEIGHT=象素值或百分比,对象高度. COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色. <table></table>表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width=数值单位是像素或窗口百分比,定义表格宽度background=图片链接地址,定义表格背景图 <tr></tr>表格中一个表格行的开始和结束; <td></td>表格中行内一个单元格的开始和结束 属性: Colspan="",单元格跨越多列; Rowspan="",单元格跨越多行; Width="";定义表格宽度Height="";定义表格高度Align="";对齐方式Valign="" ; Border="",边框宽度; Bgcolor="",背景色; Bordercolor="",边框颜色; Bordercolorlight="",边框明亮面的颜色; Bordercolordark="",边框暗淡面的颜色; Cellpadding="",内容与边框的距离(默认为2); Cellspacing="",单元格间的距离(默认为2); <br>强制换行 <font></font>文本标识的开始和结束 属性: face=字体color=颜色 <b></b>加粗文字标识的开始和结束 属性: style=font-size:40pt;,用样式表方式控制字体大小,这里是40点 <div></div>,分区标识的开始和结束 属性: align=|center|left|right|水平对齐方式 <marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动 属性: scrollamount=1~60,滚动速度direction=|left|right|up|down|,滚动方向scrolldelay=滚动延时,单位:毫秒 <P>段落标识, 空格符, <img>贴图标识 属性: src=../../图片链接地址,贴图标识必备属性style=filter:Alpha(opacity=100,style=2); filter:样式表滤镜; Alpha:透明滤镜, opacity:不透明度100(0~100); style:样式2(0~3), rules="none"不显示内框" <embed,src="…">多媒体文件标识 属性: SRC="../../FILENAME", 设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频. AUTOSTART=TRUE/FALSE,是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.</p><h2>HTML标签大全(常用)</h2><p>HTML标签大全(常用)基本 <html>…</html> 定义HTML 文档 <head>…</head> 文档的信息 <meta> HTML 文档的元信息 <title>…</title> 文档的标题 <link> 文档与外部资源的关系 <style>…</style> 文档的样式信息 <body>…</body> 可见的页面内容 注释 文本 <h1>...</h1> 标题字大小(h1~h6) <b>...</b> 粗体字 <strong>...</strong> 粗体字(强调) <i>...</i> 斜体字 <em>...</em> 斜体字(强调) <u>...</u> 下划线 <del>...</del> 删除线(表示删除) <center>…</cen ter> 居中文本 <ul>…</ul> 无序列表 <ol>…</ol> 有序列表 <li>…</li> 列表项目 <a href=”…”>…</a> 超链接 <font> 定义文本字体尺寸、颜色、大小<sub> 下标 <sup> 上标 <br> 换行 段落 图形 <img src=’”…”> 定义图像 <hr> 水平线 表格 <table>…</table> 定义表格 <th>…</th> 定义表格中的表头单元格 <tr>…</tr> 定义表格中的行</p><p><td>…</td> 定义表格中的单元 其它 <form>…</form> 定义供用户输入的HTML 表单 <frame> 定义框架集的窗口或框架 16进制颜色(仅仅有16种颜色名可用英文字母,其余的要用16进制值) aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow</p><h2>html常用标记已经分类</h2><p>A.1 基本标记 <html></html>:创建一个HTML文档 <head></head>:设置文档标题以及其他不在WEB网页上显示的信息 <body></body>:设置文档可见部分 <title></title>:设置在浏览器标题栏中显示的该文档的题目 <body bgcolor=#>:设置背景颜色,使用颜色的英文单词或十六进制值代码 <body text=#>:设置文本文字的颜色,使用颜色的英文单词或十六进制值代码<body link=#>:设置链接的颜色,使用颜色的英文单词或十六进制值代码 <body vlink=#>:设置已链接过的链接的颜色,使用颜色的英文单词或十六进制值代码 <body alink=#>:设置活动链接的颜色,使用颜色的英文单词或十六进制值代码A.2 文本格式标记 <pre></pre>:创建预格式化文本 <h1></h1>:创建最大的标题 <h6></h6>:创建最小的标题 <b></b>:创建黑体字 <i></i>:创建斜体字 <tt></tt>:创建打字机风格的字体 <cite></cite>:创建一个引用,通常是斜体 <em></em>:加重一个单词(通常是斜体加黑体) <strong></strong>:加重一个单词(通常是斜体加黑体) <font size="#"></font>:设置字体大小,从1到7 <font color="#"></font>:设置字体的颜色,使用颜色的英文单词或十六进制代码 :创建一个新段落 <p align="#">:将段落按左、中、右对齐 <br>:插入一个回车换行符 <blockquote></blockquote>:从两边缩进文本 <div align="#"></div>:一个用来排版大块HTML段落得标签或格式化图表A.3 链接标记 <a href="URL"></a>:创建一个超链接 <a href="mailto:EMAIL"></a>:创建一个自动发送电子邮件的链接 <a name="NAME"></a>:创建一个位于文档内部的锚 <a href="#NAME"></a>:创建一个指向位于文档内部锚的链接 A.4 列表标记 <dl></dl>:创建一个用于解释名词的定义列表 <dt>:放在每个定义术语之前 <dd>:放在每个</p><h2>HTML常用标签大全</h2><p>. 常用标签大全HTML 471 46807 转...LOVE天使阅2014-04-06 跑马功标普通卷<marquee>...</marquee> 滑<marquee behavior=slide>...</marquee> 预设卷<marquee behavior=scroll>...</marquee> 来回卷<marquee behavior=alternate>...</marquee> 向下卷<marquee direction=down>...</marquee> 向上卷<marquee direction=up>...</marquee> 向右卷<marquee direction=right></marquee> 向左卷<marquee direction=left></marquee> 卷动次<marquee loop=2>...</marquee> 设定宽<marquee width=180>...</marquee> 设定高<marquee height=30>...</marquee> 设定背景颜<marquee bgcolor=FF0000>...</marquee> 设定卷动距<marquee scrollamount=30>...</marquee> 设定卷动时<marquee scrolldelay=300>...</marquee> 2. 字体效果功能标签 标题字(<h1>...</h1> 最大) 标题字(最小) <h6>...</h6> 粗体字<b>...</b> 粗体字(强调) <strong>...</strong> 斜体字<i>...</i> 斜体字(强调) <em>...</em> 斜体字(<dfn>...</dfn> 表示定义) 底线<u>...</u> 底线(表示插入文字) <ins>...</ins> 横线<strike>...</strike> 删除线<s>...</s> 删除线(<del>...</del> 表示删除) 键盘文字<kbd>...</kbd> 打字体<tt>...</tt> ) 在文件中空白、换行、定位功能有效(固定宽度字体<xmp>...</xmp></p><h2>HTML常用语言标签</h2><p>HTML常用语言标签 文件标记 <html> ●文件声明让浏览器知道这是html 文件 <head> ●开头提供文件整体资讯 <title> ●标题定义文件标题,将显示于浏览顶端 <body> ●本文设计文件格式及内文所在 排版标记 ○说明标记为文件加上说明,但不被显示 ○段落标记为字、画、表格等之间留一空白行 <br> ○换行标记令字、画、表格等显示于下一行 <hr> ○水平线插入一条水平线 <center> ●居中令字、画、表格等显示于中间反对 <pre> ●预设格式令文件按照原始码的排列方式显示 <div> ●区隔标记设定字、画、表格等的摆放位置 <nobr> ●不折行令文字不因太长而绕行 <wbr> ●建议折行预设折行部位 字体标记 <strong> ●加重语气产生字体加粗bold 的效果 <b> ●粗体标记产生字体加粗的效果 <em> ●强调标记字体出现斜体效果 <i> ●斜体标记字体出现斜体效果 <tt> ●打字字体courier字体,字母宽度相同 <u> ●加上底线加上底线反对 <font> ●字形标记设定字形、大小、颜色反对 <basefont> ○基准字形标记设定所有字形、大小、颜色反对<big> ●字体加大令字体稍为加大 <small> ●字体缩细令字体稍为缩细 <strike> ●画线删除为字体加一删除线反对 <code> ●程式码字体稍为加宽如<tt> <kbd> ●键盘字字体稍为加宽,单一空白 <samp> ●范例字体稍为加宽如<tt> <var> ●变数斜体效果 <cite> ●传记引述斜体效果 <blockquote> ●引述文字区块缩排字体 <dfn> ●述语定义斜体效果 <address> ●地址标记斜体效果 <sub> ●下标字下标字 <sup> ●上标字指数(平方、立方等) 清单标记 <ol> ●顺序清单清单项目将以数字、字母顺序排列 <ul> ●无序清单清单项目将以圆点排列 <li> ○清单项目每一标记标示一项清单项目 <menu> ●选单清单清单项目将以圆点排列,如<ul> 反对 <dir> ●目录清单清单项目将以圆点排列,如<ul> 反对</p><h2>HTML 常用标签属性汇总</h2><p>HTML 常用标签属性汇总<br><body> 标签 .................................................................................................................................... 1 <a> 标签 .......................................................................................................................................... 2 1.可选的属性............................................................................................................................ 2 2.标准属性................................................................................................................................ 3 键盘属性........................................................................................................................... 4 标签 .......................................................................................................................................... 4 1.可选的属性............................................................................................................................ 4 2.标准属性................................................................................................................................ 4 <a> 标签 .......................................................................................................................................... 5 1.可选的属性............................................................................................................................ 5 2.标准属性................................................................................................................................ 6 键盘属性........................................................................................................................... 7 <img> 标签 .................................................................................................................................... 7 1.必需的属性............................................................................................................................ 7 2.可选的属性............................................................................................................................ 7 3.标准属性................................................................................................................................ 8 <table> 标签 .................................................................................................................................... 9 1.可选的属性............................................................................................................................ 9 2.标准属性.............................................................................................................................. 10 <input> 标签 .................................................................................................................................. 11 1.可选的属性.......................................................................................................................... 11 2.标准属性.............................................................................................................................. 12 注:表示颜色的有三种方式; ..................................................................................... 13<br><body> 标签<br>1.背景属性:包括:bgcolor,background <body background-color:black> 背景颜色 <body background-image : url(image/bg.gif)> 背景图片 <body background-attachment : fixed> 固定背景 <body background-repeat : repeat> 重复排列-网页预设 <body background-repeat : no-repeat> 不重复排列 <body background-repeat : repeat-x> 在 x 轴重复排列 <body background-repeat : repeat-y> 在 y 轴重复排列 <body background-position : 90% ,90%> 背景图片 x 与 y 轴的位置 2,文字属性:包括:text,link,alink,vlink, <body text="red">字体颜色<br><br></p></div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="3587687"><a href="/topic/3587687/" target="_blank">html常用标记</a></li> <li id="3391197"><a href="/topic/3391197/" target="_blank">html常用标签</a></li> </ul> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/264261363.html" target="_blank">html代码常见的命令汇总</a></li> <li><a href="/doc/5c16198712.html" target="_blank">HTML常用标记及标记属性</a></li> <li><a href="/doc/7514006331.html" target="_blank">HTML中常用标记</a></li> <li><a href="/doc/bd4437652.html" target="_blank">常用的HTML标记32页PPT</a></li> <li><a href="/doc/079006995.html" target="_blank">HTML标记语言常用标记大全</a></li> <li><a href="/doc/fc3428041.html" target="_blank">HTML常用标签大全教学文案</a></li> <li><a href="/doc/4d4951179.html" target="_blank">html标记语言常用标记大全</a></li> <li><a href="/doc/6817903502.html" target="_blank">HTML常用标记</a></li> <li><a href="/doc/919844858.html" target="_blank">HTML常用标签大全</a></li> <li><a href="/doc/ce15308387.html" target="_blank">HTML常用标记</a></li> <li><a href="/doc/1415084151.html" target="_blank">HTML标记大全参考手册</a></li> <li><a href="/doc/515564736.html" target="_blank">HTML中常用标记教学内容</a></li> <li><a href="/doc/7a7512674.html" target="_blank">HTML标签集合大全</a></li> <li><a href="/doc/ae13514500.html" target="_blank">HTML标记大全</a></li> <li><a href="/doc/f2947182.html" target="_blank">HTML常用标记及标记属性</a></li> <li><a href="/doc/3c9855443.html" target="_blank">第2章 常用HTML标记和格式</a></li> <li><a href="/doc/664247699.html" target="_blank">常见HTML标记及含义</a></li> <li><a href="/doc/958947690.html" target="_blank">常用的HTML标记</a></li> <li><a href="/doc/b817105559.html" target="_blank">常见HTML标记及含义讲解</a></li> <li><a href="/doc/117979526.html" target="_blank">html标记有哪些类型</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/0f19509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0119509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9b19184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d819211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a419240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9d19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8a19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8519195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7119336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6619035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4a19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2619396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2b19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1419338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ed19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bd19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "13c876704afe04a1b171de24"; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a>&nbsp;<a href="/tousu.html" target="_blank">侵权投诉</a> &nbsp;&copy;2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享,本站仅负责收集和整理,有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>