gpt4 book ai didi

html - 如何构建 HTML 页面的布局?

转载 作者:太空宇宙 更新时间:2023-11-03 21:55:39 24 4
gpt4 key购买 nike

我想知道是否有人对如何构建网站有任何建议。我在顶部有一个 Logo ,我想要在它下面有一个导航栏,最后在它下面我想要页面的内容。我弄乱了几个小时,但我似乎无法让导航栏位于 Logo 下方和主要内容上方。有人有什么想法吗?这是我的代码:

<!DOCTYPE html>


<html>

<head>
<link rel="stylesheet" href="main.css" type="text/css" />

<script type="text/javascript" src="slideshow.js"></script>


<style>
#Slideshow1 img { width:1200px; height:500px }
</style>


<title> Law Firm </title> <!-- Seriously, don't forget to change that.-->

<div class="heading">
<div id="head">

<div id="logo">
<img src="logo.png" alt="Logo" width="1700" height="175">
</div>

<div id="navigation">
<a href="#">Home</a>
<a href="#">About us</a>
<a href="#">Areas of Practice</a>
<a href="#">Reviews</a>
<a href="#">I'm running out of ideas</a>
<a href="#">Boring....</a>
</div>
</div>
</div>





<!-- Include content types, links to external resources, keywords for the search engine, epirations and stuff, and whatever else needs to go here like titles and website icons. -->

</head>

<body> <!-- Obviously, the body starts here. -->

<div class="main">
<div id="content"> <!-- Let's kick it off with some stuff, of course. -->

<!-- Now let's get some java up in here!! -->


<script>

var imgArray = new Array();
imgArray[0] = "images/pic1.png";
imgArray[1] = "images/pic2.png";

slideshowFade('Slideshow1','',imgArray,20,5000);

</script>



</div>
</div>




</body>

</html>

最佳答案

如果你对正在发生的事情做了一个 JSFiddle 可能会有帮助,但我想我可以回答这个问题。

1) 你在 head 标签里放东西。我想你误解了它的意思。它不是页面的“标题”,而是不会显示在页面本身上的信息(例如页面名称、页面类型)。一切(意思是每个 div)都在 body 中标签!正文不是指网站的正文,而是指页面上显示的内容!

2) 我只能猜测,因为你没有附上样式表,但我猜你没有 clear: both关于导航、标题和 Logo 样式。

3) 对于我在#2 中提到的相同元素,您可能还想添加 display: block以防万一尚未设置。

4) 如果 2 和 3 不起作用,请尝试为所有元素定义高度(有时这对我有用,具体取决于导致问题的原因)

1 不能解决您的问题,但它是正确的。 2 应该可以解决您的问题,但您确实需要输入 main.css进入你的问题,因为我不能确定。另外,考虑使用 ul菜单的标签。这是值得的。

这是一个 JSFiddle 示例:http://jsfiddle.net/5JqUt/

关于html - 如何构建 HTML 页面的布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14024688/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com