问:我在网站设计挑战问题上说要将图片“ numbers-01.jpg”,“ numbers-02.jpg”和“ numbers-06.jpg”添加到站点。指示说不要添加链接或标题,而将alt值留为空白,因此我将标题留在外面,然后尝试通过键入代码行提交错误的代码来提交代码。下面是该部分的代码。我不认为我应该在相对路径之后添加<a href="img/number-0__.jpg>(应该替换的数字的空白)和结束标记,但是我尝试提交带有和不带有链接的练习(仅带有<img src =“ img / numbers-01.jpg” alt =“”>部分),但问题仍然出在我身上。另一个神秘的事情是当我单击预览按钮,
我检查了编码,发现那里没有任何问题,并且尝试查看是否使用image或Image代替img来工作,因为要链接到我在Workspace中制作的网站,我需要编写图片,但仍然无法正常工作。
关于将图像添加到我的工作区的另一件事是,直到我单击所写图像的标题时才看到图像本身。这可能是因为我之前犯了一个错误。这个错误很疯狂,但是在这里:我第一次打开工作区时,有一个“欢迎”选项卡和一个“ Index.html”选项卡。我制作了一个新的Index.html标签,因为尼克说要在视频中进行此操作,但是当我单击预览按钮时,我在其中所做的工作没有显示,因此我改用原来的标签工作。过了一会儿,我决定删除我创建的Index.html标签,以便在已经存在的标签中工作,但是当我删除它时,我以为我删除了在删除原来存在的标签时创建的标签。 。
因此,当我单击“预览”按钮时,将带我到一个页面,该页面以粗体显示“ /的索引”,而在其下方,最初只有一个小字体的链接,即“ Index.html”我可以单击以查看正在创建的网站,但是现在有了“ Images /”链接,在这里我可以看到指向我上传到Workspace并放置在images文件夹中的图像的链接列表(当我单击它时) -在“图片链接/”上。该页面顶部的链接显示“父目录”,当我单击该链接时,它带我回到“ /的索引”页面。
我希望可以做些什么来解决此问题,但是我觉得我需要树屋老师和管理员的帮助。
谢谢,
index.html
<!DOCTYPE HTML>
< HTML >
<头部> <元的charset = “UTF-8” > <标题>尼克佩蒂特</标题> </头> <体> <报头> <一个HREF = “index.html的” > < h1 >尼克·佩蒂特</ h1 > < h2 >设计师</ h2 > </ a > <
NAV >
< UL > <李> <一个HREF = “index.html的” >组合</一> </李> <李> <一个HREF = “about.html” >关于</一> </李> <李> <一个HREF = “contact.html” >联系</一> </李> </ UL > </导航> </
报头>
<节> < UL > <李> <一个HREF = “IMG /数字-01.JPG” > < IMG SRC = “IMG /数字-01.JPG” ALT = “” > </一> </立> <李> <一个HREF = “IMG /数字-02.JPG” > < IMG SRC = IMG /数字-02.JPG” ALT = “”> </ a >
</李>
<李> <一个HREF = “IMG /数字-06.jpg” > < IMG SCR = “IMG /数字-06.jpg” ALT = “” > </一> </李> </ UL > </区域> <页脚> < p > &copy; 2013尼克·佩蒂特(Nick Pettit)。</ p > </ footer > </ body >
答:可能最适合您,请使用Codepen查看您的结果,此处的提示相同。
<!DOCTYPE html> <html> <head> <meta charset =“ utf-8”> <title>尼克·佩蒂特| 设计器</ title> <link rel =“ stylesheet” href =“ css / normalize.css”> <link href ='http://fonts.googleapis.com/css?family = Changa + One | Open + Sans:400italic ,700italic,400,700,800'rel ='stylesheet'type ='text / css'> <link rel =“ stylesheet” href =“ css / main.css”> <link rel =“ stylesheet” href =“ css / sensitive.css “> <link rel =” stylesheet“ href =” css / magnific-popup.css“> <script src =” js / jquery-2.1.3.js“> </ script> <script src =” js / jquery。 magnific-popup.min.js“> </ script> <script src =” js / jquery.bad-plugin.js“> <