logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

html语言1——5

 吉祥如意988 2012-05-05

页面☆☆☆☆标记

 +HTML 文件结构

<html>...</html>
<head>...</head>
<body>...</body>

<HTML>
<HEAD>
     <title>, <base>, <link>, <isindex>, <meta>
</HEAD>
<BODY>
       HTML文件的正文写在这里... ... 
</BODY>
</HTML>

+ 背景色彩和文字色彩

<body bgcolor=# text=# link=# alink=# vlink=#> [注;#是代表色彩代码]

bgcolor --- 背景色彩
text --- 正常文字的色彩
link --- 可链接文字的色彩
alink --- 正被点击的可链接文字的色彩
vlink --- 已经点击(访问)过的可链接文字的色彩

+ 背景加图片的代码

<BODY BACKGROUND="背景图片的URL">[注;URL就是你所要用的背景图片的路径和具体的文件名] 注;只能用于IE

+ 背景底色加背景图片的代码

<BODY BGCOLOR="#ffffff" BACKGROUND="背景图片地址">[注;"#ffffff"是背景底色] 注;只能用于IE

 

页面☆☆☆☆标记

+ 链接

基本语法 <A HREF="链接地址"> ... </a>

这是一个<A HREF="链接地址">链接的例子</a>。点一下“链接的例子”!

+另一链接范例一

用"文字属性"来做超链接的效果

代码如下;

<style type=text/css>
<!--
A{font-size : 12pt; /*文字大小*/
text-decoration:none;/*删除链接线*/}
A:link/*超链接*/
{color : #3695C2 ; /*文字色彩*/}
A:visited/*浏览过的超链接*/
{color : #3695C2 ; /*文字色彩*/}
A:active/*按下链接*/
{color : #999999 ; /*文字色彩*/}
A:hover/*鼠标移至链接*/
{cursor:s-resize;/*鼠标向标样式*/
color :#3491A0; /*文字色彩*/
font-weight:bold; /*文字粗体*/
text-transform : uppercase; /*英文大写*/}
-->
</style>

 

+另一链接范例二

用"边框属性"来做超链接的效果

代码如下;

<style type=text/css>
<!--
A{font-size : 14pt; /*文字大小*/
text-decoration:none;/*删除 链接线*/}
A:link/*超链接*/
{color :#FF0080 ; /*文字色彩*/}
A:visited/*浏览过的超链接*/
{color :#FF0080 ; /*文字色彩*/}
A:active/*按下链接*/
{color :#FFFF00; /*文字色彩*/}
A:hover/*鼠标移至链接*/
{cursor:se-resize;/*鼠标指向样式*/
color :#00D269 ; /*文字色彩*/
border : 1px dotted #cc3300 ; /*文字框线*/}
-->
</style>

页面☆☆☆☆标记

+ 标尺线

<HR>

<hr>

<hr size=#>

<hr size=10>

<hr width=#>

<hr width=50>
<hr width=50%>

<hr align=#> #=left, right

<hr width=50% align=left>
<hr width=50% align=right>


<HR color=#000000> 注;只能用于IE

color--颜色

"#000000"=黑色, "#FF0000"=红色, "#FFFF00"=黄色, "#804040"=啡色,
"#00D200"=绿色, "#FF44A2"=粉红, "#FFFFFF"=白色, "#A0A0A0"=灰色,
红色线条代码;

<HR color="#FF0000">

绿色线条 宽度只有页面的50% 左对齐代码;
<HR color="#00B700"width=50% align=left>

 

☆☆ 会移动的文字 ☆☆

+ 基本语法

<marquee>文字内容 </marquee>

<marquee>会移动的字耶！</marquee>

会移动的字耶！

+文字移动属性的设置

方向 <direction=#> #=left-左, right-右

<marquee direction=left>文字从右向左移！</marquee> <P>

文字从右向左移！

<marquee direction=right>文字从左向右移！</marquee>

文字从左向右移！

方式 <bihavior=#> #=scroll, slide, alternate

<marquee behavior=slide>文字只走一次就歇了！</marquee> <P>

文字只走一次就歇了！

<marquee behavior=alternate>文字来回走耶！</marquee>

文字来回走耶！

循环 <loop=#> #=次数；若未指定则循环不止(infinite)

<marquee loop=3 width=50% behavior=slide>文字只走 3 趟哟！</marquee><P>

文字只走 3 趟哟！

速度 <scrollamount=#>

<marquee scrollamount=20>文字走得好快哟！></marquee>注;数字越大速度越快

文字走得好快哟！

<MARQUEE direction=up height=50 scrollAmount=3>向上移动的字耶！</MARQUEE0>

向上移动的字耶！

延时 <scrolldelay=#>

<marquee scrolldelay=500 scrollamount=100>文字走一步，停一停！</marquee>

文字走一步，停一停！

+底色 设置

底色 <bgcolor=#>

<marquee bgcolor=#E0B7F9>紫色底耶！</marquee>

紫色底耶！

面积 <height-高 width-宽>

<marquee height=40 width=50% bgcolor=aaeeaa>底色加了高度哦！</marquee>

底色加了高度哦！

嗨, <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>底色宽只有150耶！</marquee>大家好！
嗨, 底色宽只有150耶！大家好！

 

字体★★★★标记

+ 标题字体

<h#>文字内容</h#> #=1, 2, 3, 4, 5, 6

<h1>今天天气真好！</h1> 例式 今天天气真好！

<h2>今天天气真好！</h2> 例式 今天天气真好！

<h3>今天天气真好！</h3> 例式 今天天气真好！

<h4>今天天气真好！</h4> 例式 今天天气真好！

<h5>今天天气真好！</h5> 例式 今天天气真好！
<h6>今天天气真好！</h6> 例式 今天天气真好！
<hn>--</hn> 这些标记显示黑体字。并且自动插入一个空行，不必用 <p> 标记再加空行。因此在一行中无法使用不同大小的字体。

+ 字体大小

<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7

<font size=7>今天天气真好！</font> 例式 今天天气真好！

<font size=6>今天天气真好！</font> 例式 今天天气真好！

<font size=5>今天天气真好！</font> 例式 今天天气真好！

<font size=4>今天天气真好！</font> 例式 今天天气真好！

<font size=3>今天天气真好！</font> 例式 今天天气真好！

<font size=2>今天天气真好！</font> 例式 今天天气真好！

<font size=1>今天天气真好！</font> 例式 今天天气真好！

+ 物理字体(Physical Style)

<b>今天天气真好！</b> 例式 今天天气真好！

<i>今天天气真好！</i> 例式 今天天气真好！

<u>今天天气真好！</u> 例式 今天天气真好！

<tt>今天天气真好！</tt> 例式 今天天气真好！

<sup>今天天气真好！</sup> 例式 今天天气真好！

<s>今天天气真好！</s> 例式 今天天气真好！

逻辑字体

<em>今天天气真好！</em> 例式 今天天气真好！

<strong>今天天气真好！</strong> 例式 今天天气真好！

<code>今天天气真好！</code> 例式 今天天气真好！

<samp>今天天气真好！</samp> 例式 今天天气真好！

<kbd>今天天气真好！</kbd> 例式 今天天气真好！

<var>今天天气真好！</var> 例式 今天天气真好！

<dfn>今天天气真好！</dfn> 例式 今天天气真好！

<cite>今天天气真好！</cite> 例式 今天天气真好！

<small>今天天气真好！</small> 例式 今天天气真好！

<big>今天天气真好！</big> 例式 今天天气真好！

+ 指定“字体大小”的标记和“指定字体”的标记的组合使用

<i><font size=5> <b>今天</b> 天气<font size=6> 真好！</font>
例式

今天 天气 真好

+ 字体颜色

指定颜色 <font color=#> ... </font>

color--颜色

"#000000"=黑色, "#FF0000"=红色, "#FFFF00"=黄色, "#804040"=啡色,
"#00D200"=绿色, "#FF44A2"=粉红, "#FFFFFF"=白色, "#A0A0A0"=灰色,

<font color=#00B500>绿色</font>
    例式 绿色
<font color=#00C4C4>蓝色</font>
    例式 蓝色

 

    本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。
    转藏 分享 献花（0）

    来自： 吉祥如意988 > 《学习园地》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多