- 您好，在添加了背景色的导航栏后，我的h1没有显示。我试图将我的h1-h6标签居中在我的网站的中心，这样我就可以将其样式设置为不同的字体类型，但当我添加了带有、或的h1标签时，h1标签仍然没有显示。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!---Font Awesome-->
<script src="https://kit.fontawesome.com/e093169393.js" crossorigin="anonymous"></script>
<!---Google Fonts-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
<!---CSS Stylesheets-->
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="./css/all.min.css">
<!---Font Awesome-->
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
<!--Bootstrap Script-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></<>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<!---ICON--->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<!---NAVBAR MENU-->
<html>
<head>
<body>
<h1>HERES MY H1</h1>
</body>
</head>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</html>
<!---About Me --->
< !----Toggle--->
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
< !----Icon Widgets--->
<ul class="navbar-nav ms-auto">
<li class="nav-item>
<form>
<label for="search class="search bar></label>
</form>
<a class="nav-link" href=""><input type="text" placeholder="Search"></a>
<li class="nav-item">
<a class="nav-link" href=""><i class="fa-solid fa-bag-shopping"></i></a>
</li>
</ul>
</div>
</nav>
<!---SHOPPING ICON--->
1条答案
按热度按时间ahy6op9u1#
我认为你是在学走路之前就想跑。学习新东西是好的，但要一步一步来。
首先试着了解什么是网页，它是如何制作的。
尝试了解DOM DOM basics
然后是不同的标签（div、span、p、h1、h2、h3、em、样式、脚本、head、body、html）
〈/〉然后使用酷网站导航花花公子！
表单对于初学者来说是非常困难的，因为它们涉及的不仅仅是前端代码（HTML、CSS、JavaScript），因为现在你正在编写与服务器和数据库（如果你有）对话的后端代码！
首先是基础知识，然后是更复杂的主题。
我已经更新了你的代码，但不确定它是否会给予你你想要的。
顺便说一句，您的网页中只有1对html、head和body标签。