简洁网站首页html代码(网站设计代码html)
admin 发布:2022-12-19 15:49 97
本篇文章给大家谈谈简洁网站首页html代码,以及网站设计代码html对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
用HTML代码编写一个网上花店主页!
. HTML 入门例子
HTML 入门例子示例 -- 可以尝试编辑
* 在网页中输入文字
* 定义一个段落
* 定义多个段落
* 在一个段落中换行
* 为网页加上水平分割线
* 定义文字的颜色
* 定义网页的背景颜色
* 尝试链接到百度和google
* 点击图片就可以链接到你想去的地方
好通过上面的演练有点感觉了吧?下面开始详细学习:)
1打开记事本:点击"开始"--选择"程序"--选择"附件"--选择"记事本"
2输入下面代码(直接拷贝过去就可以啦)
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
""
html
head
title 欢迎来到梦之都 /title
/head
body
p这是我的第一个网页,在这里
a href=""
尽情学习HTML吧!
/a吧!
/p
/body
/html
3点击"文件"--选择"保存"--选择文件类型为"所有文件"--文件名输入"dreamdu.html"并选择文件保存地址.(记住一定要把文件的后缀存为.html或.htm,否则网页无法显示)
4现在我们可以双击这个文件.看看效果吧 .
现在解释一下上面的例子:
* HTML文件就是一个文本文件.文本文件的后缀名是.txt,而HTML的后缀名是.html.
* !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " "代表文档类型,大致的意思就是:遵循严格的XHTML1的格式书写.具体文档类型后面有介绍(见文档类型),现在只要照写就形.
* HTML文档中,第一个标签是html.这个标签告诉浏览器这是HTML文档的开始(见html标签).
* HTML文档的最后一个标签是/html,这个标签告诉浏览器这是HTML文档的终止.
* 在head和/head标签之间的文本是头信息.在浏览器窗口中,头信息是不被显示在页面上的(见head标签).
* 在title和/title标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏(见title标签).
* 在body和/body标签之间的文本是正文,会被显示在浏览器中(见body标签).
* 在p和/p标签代表段落(见p标签).
* a和/a定义了一个超链接,用户只要点击了"尽情学习",就可以链接到网站(见a标签).
引用网址:
一个简单的网页代码,哪个高手帮我看一下?谢谢
书上的代码没几个能正常运行的,我帮你改了一下,IE8下可以了
html
head
title第一个实例/title
style type=text/css
!--
body{background-image:url(1-4-1.jpg);background- attachment:scroll;
background-position:100% 100%;background-repeat:no-repeat}
h2{font-family:黑体;font-size:22pt;color:red}
.p1{font-size:20px;color:#000000;texe-align:left}
--
/style
/head
body
center
h2第一个HTML、CSS、JavaScript实例/h2
/center
hr
p class=p11.HTML是网页框架的基础。/p
p class=p12.用CSS定义背景图片的位置、标题段落2和标题段落的格式。/p
p class=p13.用JavaScript编写文字随鼠标旋转的特效。/p
script language="JavaScript"
if (document.all)
{
var yourLogo= "第一个HTML、CSS、JavaScipt实例";
var logoFont= "黑体";
var logoFont= "Arial";
var logoColor= "ff0000";
var L= yourLogo.length;
var TrigSplit= 360/L;
var Sz= new Array()
var logoWidth= 100;
var logoHeight= -30;
var ypos=0;
var xpos=0;
var step=0.03;
var currStep=0;
document.write('div id="outer" style="position:absolute;top:0px;left:0px"div style="position:relative"');
for(i=0;iL;i++)
{
document.write('div id="ie'+i+'" style="position:absolute;top:0px;left:0px;'+
'width:20px;height:20px;font-family;'+
logoFont+';font-size:100px;'+
'color:'+logoColor+';text-align:center"'+
yourLogo.charAt(i)+'/div');
}
document.write('/div/div');
document.body.onmousemove=function()
{
ypos=event.y;
xpos=event.x-5;
status=xpos+","+ypos;
}
function animateLogo()
{
outer.style.top=document.body.scrollTop;
for(i=0;iL;i++)
{
document.getElementById("ie"+i).style.top=ypos+logoHeight*Math.sin(currStep+i*TrigSplit*Math.PI/180);
document.getElementById("ie"+i).style.left=xpos+logoWidth*Math.cos(currStep+i*TrigSplit*Math.PI/180);
Sz[i]=document.getElementById("ie"+i).style.pixelTop-ypos;
if(Sz[i]5) Sz[i]=5;
document.getElementById("ie"+i).style.fontSize=Sz[i]/0.9;
}
currStep-=step;
setTimeout('animateLogo()',20);
}
window.onload=animateLogo;
}
/script
/body
/html
怎么才能简洁的把HTML的代码记住?
如果你以后要学ASP 或者.net之类的开发语言的话,有必要会使用HTML代码。 你先记住最基本的代码: -=-=-=-=-=-=-=-=-=-=-=-=-=- 比如构成网页的基本代码: html head /head body 这里是文字 /body /html 上面都是成对出现的, 另外,"head"好比人的头,"body"好比人的身体,标题是贴在头上的,普通的代码都是放在人的身体里的. 然后再记其它的.——你把上面的网页慢慢的把它变复杂,把代码一点一点的往上加,相信你不久就会熟练的.
关于简洁网站首页html代码和网站设计代码html的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-19网站设计模板,网站设计模板网站
- 05-18网站设计与制作,网站设计与制作毕业论文范文
- 05-17web网站设计,web网站设计教程
- 05-15湖南网站设计外包哪家好,湖南网站制作公司
- 05-09网页代码,网页代码快捷键
- 05-08网站设计的好处,设计网站的目的
- 05-07html网页制作软件,html网页制作软件手机版下载
- 05-06单页网站的代码(完整的网页代码)[20240506更新]
- 05-06个人主页图片代码(个人主页图片代码怎么弄)[20240506更新]
- 05-06提取微信名片代码(微信名片信息提取)[20240506更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接