HTML的作业帮助 [英] Homework help with HTML
问题描述
这是我的任务，我不希望有人为我这样做，只是帮助我弄清楚我做错了什么.
< pre lang ="text">
3.在文档的头部添加一个嵌入式样式表.使用样式表为页面正文创建以下样式:
一个.将背景色设置为黑色，将文本颜色设置为白色.
b.将文件back1.gif用作仅在垂直方向上平铺的背景图像.
C.将页边距设置为0像素.
4.将以下样式应用于pageContent div容器:
e.使用文件back2.gif作为背景图像.
F.将边距设置为0像素.
</pre>
这是我到目前为止的代码. (但是我确实删除了该段中的某些词)，但是它不能正常工作:
< pre lang ="HTML"> < html>
< head>
< title>国际密码学会</title>
< style type ="text/css">
身体{background-color:黑色；白颜色;背景图片:url(back1.gif);背景重复:repeat-y;边距:0px}
h1 {font-family:Courier New;字体大小:24pts；字母间距:10分；行高:0.7；文字对齐:居中；
颜色:黄色；背景图片:url(back2.gif);边距:0px}
b {颜色:黄色}
p {text-indent:2em}
</style>
</head>
< body>
< div id ="pageContent" style =宽度670px;左边距:100px;字体:Arial">
< div id ="logo">
< img src ="logo.gif" alt ="ICI" width ="95" height ="78" align ="left"/>
</div>
< h1>
THE& nbsp;< br/>
科学< br/>
& nbsp;& nbsp; OF< br/>
密码学
</h1>
< h2>什么是密码术?</h2>
< p> b< b> b< b>是安全通信的科学，
由希腊文< ikryptó s</i>组成意思是隐藏"
< ló gos/i>表示单词".
< img src ="scytale.gif" alt =图像" width ="250" height ="69" align ="right"/>
</p>
< p style ="border-bottom:2px solid yellow; padding-bottom:10px">密码学家
虽然开发出了越来越多的巧妙系统，但是它在第20代/sup系统中处于第20/sup/sup/sup/sup/sup/sup/sup/sup/sup模式下.
< p style ="text-align:center">要了解更多密码技术，请浏览我们的网站.< br/>
< img src ="locks.jpg" alt =锁定链接" width ="510" height ="110"/>
< map id ="locks" name ="locks" usemap =#locks" style ="border-width:0">
< area shape ="circle" coords ="52，52，43"
href ="history.htm" alt =历史"/>
< area shape ="circle" coords ="155，52，43"
href ="enigma.htm" alt ="Enigma"/>
< area shape ="circle" coords ="255，52，43"
href ="algo.htm" alt =算法"/>
< area shape ="circle" coords ="355，52，43"
href ="single.htm" alt =单键"/>
< area shape ="circle" coords ="455，52，43"
href ="public.htm" alt =公钥"/>
</map>
</p>
</div>
</body>
</html>
</pre>
谢谢
This is my assignment I am not expecting someone to do this for me just help me figure out what I am doing wrong.
<pre lang="text">
3. Add an embedded style sheet to the head section of the document. With the style sheet create the following style for the page body:
a. Set the background color to black and the text color to white.
b. Use the file back1.gif as a background image tiled in the vertical direction only.
c. Set the margins to 0 pixels.
4. Apply the following styles to the pageContent div container:
e. Use the file back2.gif as a background image.
f. Set the margin to 0 pixels.
</pre>
This is the code I have so far. (However I did remove some of the words in the paragraph) but it is not working right:
<pre lang="HTML"> <html>
<head>
<title>International Cryptographic Institute</title>
<style type="text/css">
body {background-color: black; color: white; background-image: url(back1.gif); background-repeat: repeat-y; margin: 0px}
h1 {font-family: Courier New; font-size: 24pts; letter-spacing: 10pts; line-height: 0.7; text-align: center;
color: yellow; background-image: url(back2.gif); margin: 0px}
b {color: yellow}
p {text-indent: 2em}
</style>
</head>
<body>
<div id="pageContent" style="width 670px; margin-left: 100px; font: Arial">
<div id="logo">
<img src="logo.gif" alt="ICI" width="95" height="78" align="left" />
</div>
<h1>
THE <br />
SCIENCE<br />
OF<br />
CRYPTOGRAPHY
</h1>
<h2>What is Cryptography?</h2>
<p><b>Cryptography</b> is the science of secure communications,
formed from the Greek words <i>kryptós</i> meaning "hidden"
and <i>lógos</i>, meaning "word."
<img src="scytale.gif" alt="image" width="250" height="69" align="right" />
</p>
<p style="border-bottom: 2px solid yellow; padding-bottom: 10px">Cryptographers
developed more and more ingenious systems, but it was in the 20<sup>th</sup>
<p style="text-align: center">To learn more cryptography, please tour our site.<br />
<img src="locks.jpg" alt="lock links" width="510" height="110" />
<map id="locks" name="locks" usemap="#locks" style="border-width: 0">
<area shape="circle" coords="52, 52, 43"
href="history.htm" alt="History" />
<area shape="circle" coords="155, 52, 43"
href="enigma.htm" alt="Enigma" />
<area shape="circle" coords="255, 52, 43"
href="algo.htm" alt="Algorithms" />
<area shape="circle" coords="355, 52, 43"
href="single.htm" alt="Single Key" />
<area shape="circle" coords="455, 52, 43"
href="public.htm" alt="Public Key" />
</map>
</p>
</div>
</body>
</html>
</pre>
Thanks
推荐答案
除了HTML页面的标准部分之外，您在原始问题中有21点，但几乎没有代码.然后，您说它不能正常工作".这可能是因为您尚未添加解决上述21点所必需的任何代码.尝试对HTML进行一些研究(此处 [ ^ ]是一个不错的起点)，当可以证明您至少已付出了一些努力时，请回到此处.
You have 21 points in your original question but almost no code, apart from the standard portion of an HTML page. You then say "it is not working right". That is probably because you have not added any of the code necessary to resolve the foregoing 21 points. Try some research into HTML (here[^] is a good place to start), and come back here when you can demonstrate that you have at least made some effort.
转到此处 [ ^ ]
这篇关于HTML的作业帮助的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
