html文字代码怎么写
- 综合知识
- 关注:3.25W次
<body><p align="center"><Font face="黑体" size="7" color="black"<s>Michael Buble<s></font></p></body>
“<Font ” 没有结束符号“>” ,"<s>;"也是没有结束</s>
正确的该是:
<body><p align="center"><Font face="黑体" size="7" color="black"><s>Michael Buble</s></font></p></body>
<p>;是一个块级元素,要求要有</p>;与之对应,一般用来标记一个文本段落内容。而<br />; 就比较特别它不是一个块元素也不能算作是行内元素,它就仅仅是一个转行符号,不需要成对的结束符号,它自己本身就结束了,<br />; 注意最后的那处“/”。至于什么是块元素,什么是行元素,你学了CSS就了解了,简单的说块元素你可以用padding 来描述内容间距,而行元素则没有任何效果例如<span>。
2. 请教个网页文字代码<html>
<title>;字的代码</title>
<body>
<font size=10 face="幼圆" color=ff00ff>
我会做网页了
</font>
<br>
<br>
<br>
<br>
<a href= >
呵呵,这是最简单的了.这些标签,建议你到.cn网站去学习下
3. html代码怎么写<html>
<head>
<title></title>
<style>
#sa{color:red; font-style:italic; }
</style>
</head>
<body>
<ol>
<li>5</li>
<li id="sa">6</li>
<li>7</li>
</ol>
</body>
</html>
4. 随鼠标移动的文字HTML的代码怎么写用Javascript制作鼠标移动跟随 我们常在一些网站中看到,鼠标在网页上移到时,有一行文字、一张小图片或一个小动画总是跟着鼠标,除非把鼠标移出页面,否则,它就总是紧跟鼠标不放。
你知道这种效果是怎么做出来的吗?你可能感到比较复杂。其实它是用Javascript编一段小程序来实现的,且程序也不长,也比较好理解。
下面让我们来揭下它的面纱看看。 程序思路:图层可以用绝对坐标来确定其在页面中的位置,那么我们把图片、动画或文字放到图层上,再想办法动态获取鼠标的当前位置,再把图层移到鼠标的当前位置,那图层上的内容(图片、动画或文字)不也就移到当前鼠标的位置了吗?这样就达到了图片、动画或文字随鼠移动的目的了。
一、一个简单的图片、动画或文字随鼠标移动的例子 制作方法: 1、在 Dreamweaver3中,插入一个图层,在图层上写上要跟随鼠标移到的文字或图片。 2、在图层的属性面板上把“Layer ID”(图层的ID号)改为“div1”,以便程序操作;“T”值改为“-50”,使其初始位置在页面外;“Z-index”(层序号)值改为“50”,使其在最上层,不被其它层遮盖。
完成后的图层代码如下,不是使用 Dreamweaver的网友可把代码复制到<body>;标记的后面:<div id="div1" style=" width:60px;"50"><img src="image/0050.gif" width="32" height="32">;图、文跟鼠标试验</div>; ,这里的图片和文字可换成你所需要的。 3、在<head>;与</head>;之间加上这样一段程序:<SCRIPT language="javascript"><!--var x,y; //声明存放当前鼠标位置坐标的变量var can=0 //声明能否移动的控制变量function canmove() { //控制能否移动的函数x=document.body.scrollLeft+event.clientX; //获取当前鼠标位置的X坐标y=document.body.scrollTop+event.clientY; //获取当前鼠标位置的Y坐标can=1;} //设置为可以移动function move() { //移动图层的函数if (can) {div1.style.posLeft=x+20; //设置图层位置的X坐标div1.style.posTop=y;} // 设置图层位置的Y坐标setTimeout("move()",30)} //每30毫秒刷新一次图层位置坐标--></SCRIPT>; 只要这几行代码就能使图片或文字跟着鼠标跑,有点出乎意料吧!事实就是这么简单。
当然,这是最简单的一种,你可能看到的有些网页上的效果在移动的过程比这要复杂一些,但都是在这个基础上增加一些移动的变化过程而已。 4、当然要使真正的效果出现,还得在<body>;标记中加上触发事件调用程序,使程序动作起来。
在<body>;标记中加上代码:onload="move()" onm ousemove="canmove()",前一个函数的作用是在网页加载时就调用“move()”程序,使其开始刷新图层的位置坐标;后一个事件的作用是,一旦在页面上移动鼠标,就重新计算它的位置坐标。 二、稍复杂一点的效果 在上例的基础上稍作一些改动,可获得更好的效果,如使“欢迎光临!”这几个字不仅是分开移动,在移到新位置后,还不停地左右移动,似乎在列队欢迎。
要实现移动过程的变化,就要把每个文字分开,一个图层放一个字(或一张图片),然后分开移动到新的位置。所以为了方便,用数组来存放图层的位置坐标。
另外,由于图层较多,插入图层比较麻烦,也会使代码大增加,因此采用了动态编写图层代码的办法。制作方法如下: 1、在<head>;与</head>;之间插入下面这段程序:<SCRIPT language="javascript"><!--var x,yvar step=20var can=0var information="欢迎光临!"; //在这里写入跟随鼠标移动的文字information=information.split(""); //把字符串拆分成单个的文字Il=information.length; //获取字符的个数,存放在Il变量中k=0;var xpos=new Array() //声明一个数组,存放各图层的X位置坐标for (i=0;i<=Il-1;i++){ //给数组赋初值xpos[i]=-50}var ypos=new Array() //声明一个数组,存放各图层的Y位置坐标for (i=0;i<=Il-1;i++){ //给数组赋初值ypos[i]=-50}function canmove() {x=document.body.scrollLeft+event.clientX;y=document.body.scrollTop+event.clientY;can=1; k=0;step=20}function move() {if (can) {k++;if (k<20) {step++;}elseif (k<40) {step--;}else {k=0;} //计算图层左右移动的偏移量for (i=Il-1;i>=1;i--){ //计算各图层在新位置的X、Y坐标xpos[i]=xpos[i-1]+step;ypos[i]=ypos[i-1]}xpos[0]=x+step;ypos[0]=yfor (i=0;i<Il-1;i++){ //改变各图层位置的X、Y坐标,使其移到新的位置var thisdiv=eval("div"+(i)+".style");thisdiv.posLeft=xpos[i];thisdiv.posTop=ypos[i]}}setTimeout("move()",30)} //每30秒刷新一次--></SCRIPT> 2、在<body>;标记的后面加上这段程序:<script language="Javascript"><!--for (i=0;i<=Il-1;i++){document.write("<div id='div"+i+"' style=' color: #0000FF;'>"+information[i]+"</div>");}--></script>; 这段程序的作用是动态自动编写存放移动文字图层的HTML代码,并把相应。
5. 谁能帮我编写个文字移动html代码<style type="text/css">
a{font-size:12px;color:#F00;margin:30px;}
a:link, a:visited{text-decoration:none;}
a:hover {text-decoration:underline;}
</style>
<body>
<table width="800px" height="30" border="1" cellpadding="0" cellspacing="0" bordercolor="#666666">
<tr>
<td><Marquee direction=left onm ouseover=this.stop() onm ouseout=this.start() scrollamount=3 scrollDelay=4 width=800 Height=20>
<img src="arrow_right.gif" ><a href="#" title="呵呵呵呵" target="_blank" style="color:#F00;">;呵呵呵呵</a>
<img src="arrow_right.gif" ><a href="#" title="呵呵呵呵呵呵" target="_blank" style="color:#F00;">;呵呵呵呵</a>
<img src="arrow_right.gif" ><a href="#" title="呵呵呵呵呵呵呵呵" target="_blank" style="color:#F00;">;呵呵呵呵</a>
<img src="arrow_right.gif" ><a href="#" title="呵呵呵呵呵呵呵呵呵呵" target="_blank" style="color:#F00;">;呵呵呵呵</a>
</Marquee></td>
</tr>
</table>
</body>
6. 文字和图片居中的HTML代码怎么写我们直接对body 设置CSS样式:text-align:center1、完整HTML实例代码:
<!DOCTYPE html>
<html xmlns="">
<head>
<meta charset="gb2312" />
<title>W3Cschool居中实例</title>
<style>
body{text-align:center}
</style>
</head>
<body>
W3Cschool会被居中
</body>
</html>
7. html中改变字体颜色的代码怎么写在HTML中font标签即可对字体内容设置颜色。
1、font语法:
<font color="#FF0000">;我是红色字体</font>;首先font是一对常规标签,将字体文本内容放入标签内,font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色。
2、html font设置字体颜色实例完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>font字体颜色在线实例 DIVCSS5</title>
</head>
<body>
<font color="#FF0000">;我是红色字体</font>
<table width="300" border="1">
<tr>
<td><font color="#0000FF">;你好</font></td>
<td>DIVCSS5</td>
</tr>
</table>
</body>
</html>
8. HTML文字居中怎么写1、如果这排文字放在table里,这样写:
<table>
<td align="center"> <;!--让td中的内容居中-->
<a href="链接到那里">;链接字</a>
</td>
</table>
2、在css里给这排文字定义一个类为footer,如下:
首先在<head></head>;中设置css:
<style type="text/css">
.footer{
text-align:center //设置最下排文字居中显示
</style>
然后在body里插入footer(最下排的字)类的div:
<div class="footer">
<a href="链接地址">;服务条款</a>
|
<a href="链接地址">;广告服务</a>
|
<a href="连接地址">;商务洽谈</a>
|
……(同上)
</div>
9. 关于HTML语言的写法html语言很简单! 你可以在先在dreamweaver中学习,可视化编辑,点代码后你就可以看到html语言了其主要标记为 标记 类型 译名或意义 作 用 备注 文件标记 ● 文件声明 让浏览器知道这是 HTML 文件
● 开头 提供文件整体资讯 ● 一级标题标记 变粗变大加宽,程度与级数反比 ● 二级标题标记 将字体变粗变大加宽 ● 三级标题标记 将字体变粗变大加宽 ● 四级标题标记 将字体变粗变大加宽 ● 五级标题标记 将字体变粗变大加宽 ● 六级标题标记 将字体变粗变大加宽 ● 字形标记 设定字形、大小、颜色 反对 ○ 基准字形标记 设定所有字形、大小、颜色 反对 ● 字体加大 令字体稍为加大 ● 字体缩细 令字体稍为缩细 ● 画线删除 为字体加一删除线 反对 ● 程式码 字体稍为加宽如 ● 键盘字 字体稍为加宽,单一空白 ● 范例 字体稍为加宽如 ● 变数 斜体效果 ● 传记引述 斜体效果 ● 引述文字区块 缩排字体 ● 述语定义 斜体效果 ● 地址标记 斜体效果 ● 下标字 下标字 ● 上标字 指数(平方、立方等) 清单标记 ● 顺序清单 清单项目将以数字、字母顺序排列 ● 无序清单 清单项目将以圆点排列 ○ 清单项目 每一标记标示一项清单项目
● 三级标题标记 将字体变粗变大加宽 ● 四级标题标记 将字体变粗变大加宽 ● 五级标题标记 将字体变粗变大加宽 ● 六级标题标记 将字体变粗变大加宽 ● 字形标记 设定字形、大小、颜色 反对 ○ 基准字形标记 设定所有字形、大小、颜色 反对 ● 字体加大 令字体稍为加大 ● 字体缩细 令字体稍为缩细 ● 画线删除 为字体加一删除线 反对 ● 程式码 字体稍为加宽如 ● 键盘字 字体稍为加宽,单一空白 ● 范例 字体稍为加宽如 ● 变数 斜体效果 ● 传记引述 斜体效果 ● 引述文字区块 缩排字体 ● 述语定义 斜体效果 ● 地址标记 斜体效果 ● 下标字 下标字 ● 上标字 指数(平方、立方等) 清单标记 ● 顺序清单 清单项目将以数字、字母顺序排列 ● 无序清单 清单项目将以圆点排列 ○ 清单项目 每一标记标示一项清单项目
● 五级标题标记 将字体变粗变大加宽 ● 六级标题标记 将字体变粗变大加宽 ● 字形标记 设定字形、大小、颜色 反对 ○ 基准字形标记 设定所有字形、大小、颜色 反对 ● 字体加大 令字体稍为加大 ● 字体缩细 令字体稍为缩细 ● 画线删除 为字体加一删除线 反对 ● 程式码 字体稍为加宽如 ● 键盘字 字体稍为加宽,单一空白 ● 范例 字体稍为加宽如 ● 变数 斜体效果 ● 传记引述 斜体效果 ● 引述文字区块 缩排字体 ● 述语定义 斜体效果 ● 地址标记 斜体效果 ● 下标字 下标字 ● 上标字 指数(平方、立方等) 清单标记 ● 顺序清单 清单项目将以数字、字母顺序排列 ● 无序清单 清单项目将以圆点排列 ○ 清单项目 每一标记标示一项清单项目
● 程式码 字体稍为加宽如 ● 键盘字 字体稍为加宽,单一空白 ● 范例 字体稍为加宽如 ● 变数 斜体效果 ● 传记引述 斜体效果 ● 引述文字区块 缩排字体 ● 述语定义 斜体效果 ● 地址标记 斜体效果 ● 下标字 下标字 ● 上标字 指数(平方、立方等) 清单标记 ● 顺序清单 清单项目将以数字、字母顺序排列 ● 无序清单 清单项目将以圆点排列 ○ 清单项目 每一标记标示一项清单项目