简洁网站首页html代码（网站设计代码html）

本篇文章给大家谈谈简洁网站首页html代码，以及网站设计代码html对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、用HTML代码编写一个网上花店主页!
• 2、一个简单的网页代码，哪个高手帮我看一下？谢谢
• 3、怎么才能简洁的把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的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。