HTML/CSS Coding out text issues, Navbar issues(文本编码问题、导航栏问题)-6ren

HTML/CSS Coding out text issues, Navbar issues(文本编码问题、导航栏问题)

转载作者：bug小助手更新时间：2023-10-26 21:05:15

I'm looking to enhance the appearance of the text on my website by properly formatting it within my HTML file. Specifically, I'd like to ensure that the code within my HTML file is displayed nicely on the website. Additionally, I'm seeking assistance in implementing a navigation bar for my website. , i want the <div><div> and others to show on the page

我希望通过在我的HTML文件中适当地格式化我的网站上的文本来增强它的外观。具体地说，我希望确保我的HTML文件中的代码在网站上显示得很好。此外，我正在寻求帮助实现我的网站导航栏。，我希望

和其他内容显示在页面上

I've encountered an issue where the following code:

我遇到了以下代码的问题：

   padding:0
   margin:0
   }

is affecting the layout of my website in an unintended way, the navbar wont stick to the top. I would appreciate guidance on resolving this issue and making sure it doesn't disrupt the overall design of my website.

正在以一种意想不到的方式影响我的网站布局，导航栏不会粘在顶部。我会感激解决这个问题的指导，并确保它不会扰乱我的网站的整体设计。

Thank you for your assistance.

谢谢你的协助。

<html lang="en">
    <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 <link rel="stylesheet" href="styles.css">
    </head>
   <header>
  <nav class="navbar">
    <h3>HTML/CSS QUIZ</h3>
    <ul>
        <li><a href="#HTML">HTML</a></li>
        <li><a href="#CSS">CSS</a></li>
    </ul>

  </nav>
</header> 
  <body>
        <h1>HTML</h1>
        <form method="post">
          <section class="HTML" id="HTML">
            <fieldset class="q1">
            <legend class="question">
               Q1 What does HTML stand for, and what is its primary purpose?
            </legend> 
               <ul>
          <li>
                <label for="q1a1">
                <input type="radio" id="q1a1" name="q1" value="true">
                Hypertext Markup Language - To define the structure of web content
            </label>
            </li>
            <li>
                <label for="q1a2">
                    <input type="radio" id="q1a2" name="q1" value="false">
                    Hyper Transfer Text Language - To create dynamic web pages
                </label>
            </li>
            <li>
            <label for="q1a3">
                <input type="radio" id="q1a3" name="q1" value="false">
                Hyperlink and Text Manipulation Language - To style web pages
             </label>
            </li> 
            <li>
                <label for="q1a4">
                    <input type="radio" id="q1a4" name="q1" value="false">
                    High-Level Text Management Language - To manage server-side scripts
                </label>
            </li>
        </ul>
        </fieldset>
            
         <fieldset class="q2">
            <legend class="question">
               Q2 What are HTML tags? Provide an example of an HTML tag.
            </legend>
       <ul>
         <li>
            <label for="q2q1">
                <input type="radio" id="q2a1" name="q2">
                Tags to format text, e.g., <format></format>
            </label>
         </li>
         <li>
            <label for="q2a2">
                <input type="radio" id="q2a2" name="q2">
                Tags to add JavaScript code, e.g., <script></script>
            </label>
         </li>
         <li>
            <label for="q2a3">
                <input type="radio" id="q2a3" name="q2">
                Tags to define elements in an HTML document, e.g., <div></div>
            </label>
         </li>
         <li>
            <label for="q2a4">
                <input type="radio" id="q2a4" name="q4">
                Tags for external resources like images, e.g., <img>
            </label>
         </li>
         </ul>
     </fieldset>
       <fieldset class="q3">
        <legend class="question">
          Q3  Describe the structure of an HTML document.
        </legend>
        <ul>
            <li>
                <label for="q3a1">
                    <input type="radio" id="q3a1" name="q3">
                    HTML document has only a body element.
                </label>
            </li>
         <li>
            <label for="q3a2">
                <input type="radio" id="q3a2" name="q3">
                HTML document consists of a head and body section.
            </label>
         </li>

         <li>
            <label for="q3a3">
                <input type="radio" id="q3a3" name="q3">
                HTML document can only contain paragraphs.
            </label>
         </li>
         <li>
            <label for="q3a4">
                <input type="radio" id="q3a4" name="q3">
                HTML document must have at least two body elements.
            </label>
         </li>
        </ul>
       </fieldset>
                <fieldset class="q4">
                 <legend class="question">
                   Q4 What is the purpose of HTML attributes? Provide an example.
                 </legend>
                  <ul>
                    <li>
                        <label for="q4a1">
                            <input type="radio" id="q4a1" name="q4">
                            Attributes define the content of an element, e.g., <pre><p content="text"></p></pre>
                        </label>
                    </li>
                    <li>
                        <label for="q4a2">
                            <input type="radio" id="q4a2" name="q4">
                            Attributes specify the class of an element, e.g., <div class="container"></div>
                        </label>
                    </li>
                   <li>
                    <label for="q4a3">
                        <input type="radio" name="q4" id="q4a3">
                        Attributes add animations to elements, e.g., <img animate="fadeIn">
                    </label>
                   </li>
                  <label for="q4a4">
                    <input type="radio" name="q4" id="q4a4">
                    Attributes control the font size of text, e.g., <h1 size="24px"></h1>
                  </label>
                  </ul>
                </fieldset>        
        </section>
   <h1>CSS</h1>
        <section class="css" id="CSS">
           <fieldset class="q5">
            <legend class="question">
        Q1 What does CSS stand for, and what is its primary purpose?
       </legend>
       <ul>
        <li>
            <label for="q5a1">
                <input type="radio" name="q5" id="q5a1">
                Cascading Style Sheets - To define the presentation of web content
            </label>
        </li>
     <li>
        <label for="q5a2">
            <input type="radio" name="q5" id="q5a2">
            Computer Style Scripts - To create interactive web pages
        </label>
     </li>
    <li>
     <label for="q5a3">
        <input type="radio" name="q5" id="q5a3">
        Colorful Styling System - To add images to web pages
     </label>
    </li>
    <li>
        <label for="q5a4">
            <input type="radio" name="q5" id="q5a4">
            Central Style Selector - To manage server-side scripts
        </label>
    </li>
       </ul>
           </fieldset>
            <fieldset class="q6">
                <legend class="question">
                  Q2  How do you select elements using CSS selectors?
                </legend>
                <ul>
                    <li>
                        <label for="q6a1">
                            <input type="radio" name="q6" id="q5a1">
                            By ID only, e.g., #my-element
                        </label>
                    </li>
                    <li>
                        <label for="q6a2">
                            <input type="radio" name="q6" id="q6a2">
                            By class only, e.g., .my-class
                        </label>
                    </li>
                    <li>
                       <label for="q6a3">
                        <input type="radio" name="q6" id="q6a3">
                        By element type only, e.g., p
                       </label>
                    </li>
                    <li>
                        <label for="q6a4">
                            <input type="radio" name="q6" id="q6a4">
                            All of the above
                        </label>
                    </li>
                </ul>
     
            </fieldset>
            <fieldset class="q7">
                <legend class="question">
                   Q3 What is the "box model" in CSS? Explain its components.
                </legend>
                <ul>
                    <li>
                        <label for="q7a1">
                            <input type="radio" name="q7" id="q7a1">
                            The box model defines how images are displayed in a web page.
                        </label>
                    </li>
                    <li>
                        <label for="q7a2">
                            <input type="radio" name="q7" id="q7a2">
                            The box model defines how elements are positioned in a web page.
                        </label>
                    </li>
                    <li>
                        <label for="q7a3">
                            <input type="radio" name="q7" id="q7a3">
                            The box model defines how elements are styled and sized, including content, padding, border, and margin.
                        </label>
                    </li>
                    <li>
                        <label for="q7a4">
                            <input type="radio" name="q7" id="q7a4">
                            The box model defines how elements are colored and shaded.
What is a CSS pseudo-class, and provide an example of its usage.
                        </label>
                    </li>
                </ul>
            </fieldset>

            <fieldset class="q8">
                <legend class="question">
                   Q4 What is a CSS pseudo-class, and provide an example of its usage.
                </legend>
                <ul>
     <li>
                
                <label for="q8a1">
                    <input type="radio" name="q8" id="q8a1">
                    A pseudo-class selects elements with a specific class attribute, e.g., .active
                </label>
            </li>
            <li>
                <label for="q8a2">
                    <input type="radio" name="q8" id="q8a2">
                    A pseudo-class selects elements based on their position in the HTML structure, e.g., :first-child
                </label>
            </li>
            <li>
                <label for="q8a3">
                    <input type="radio" name="q8" id="q8a3">
                    A pseudo-class selects elements based on user interactions or states, e.g., :hover
                </label>
            </li>
            <li>
                <label for="q8a4">
                    <input type="radio" name="q8" id="q8a4">
                    A pseudo-class selects elements based on their IDs, e.g., #menu-item
                </label>
            </li>
            </ul>
            </fieldset>
        </section>
        </form>
    </body>
</html>```

    ```
    nav{
        width: 100%;
        justify-content: flex-end;
        display: flex;
    }
    header{
        background-color: #1b1b32;
    }```

更多回答

You’ve only included your HTML. We’ll need your CSS as well.

您只包含了您的HTML。我们还需要你的css。

I included it I just started css, the css is at the bottom of the code its not seperate, tried padding:0 , margin:0 not working still has space from the top

我包括它我刚开始css，css是在底部的代码其不分离，尝试填充：0，保证金：0不工作仍然有空间从顶部

优秀答案推荐

Firstly, you need to make sure all your page content is within the <body> tags. You can't have your header element inside the head section. Not really sure what layout you want, but here's a possbile start:

首先，您需要确保所有页面内容都在标记中。您不能将Header元素放在head部分中。我不太确定你想要什么布局，但这是一个可能的开始：

header {
  background-color: #1b1b32;
  padding: 0 20px;
}

nav {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

header, header a {
  color: white;
}

ul {
  list-style: none;
  display: flex;
  gap: 20px;
}

<header>
  <nav class="navbar">
    <h3>HTML/CSS QUIZ</h3>
    <ul>
        <li><a href="#HTML">HTML</a></li>
        <li><a href="#CSS">CSS</a></li>
    </ul>

  </nav>
</header> 

<h1>HTML</h1>
<form method="post">
  <section class="HTML" id="HTML">
    <fieldset class="q1">
    <legend class="question">
       Q1 What does HTML stand for, and what is its primary purpose?
    </legend> 
       <ul>
  <li>
        <label for="q1a1">
        <input type="radio" id="q1a1" name="q1" value="true">
        Hypertext Markup Language - To define the structure of web content
    </label>
    </li>
    <li>
        <label for="q1a2">
            <input type="radio" id="q1a2" name="q1" value="false">
            Hyper Transfer Text Language - To create dynamic web pages
        </label>
    </li>
    <li>
    <label for="q1a3">
        <input type="radio" id="q1a3" name="q1" value="false">
        Hyperlink and Text Manipulation Language - To style web pages
     </label>
    </li> 
    <li>
        <label for="q1a4">
            <input type="radio" id="q1a4" name="q1" value="false">
            High-Level Text Management Language - To manage server-side scripts
        </label>
    </li>
</ul>
</fieldset>

 <fieldset class="q2">
    <legend class="question">
       Q2 What are HTML tags? Provide an example of an HTML tag.
    </legend>
<ul>
 <li>
    <label for="q2q1">
        <input type="radio" id="q2a1" name="q2">
        Tags to format text, e.g., <format></format>
    </label>
 </li>
 <li>
    <label for="q2a2">
        <input type="radio" id="q2a2" name="q2">
        Tags to add JavaScript code, e.g., <script></script>
    </label>
 </li>
 <li>
    <label for="q2a3">
        <input type="radio" id="q2a3" name="q2">
        Tags to define elements in an HTML document, e.g., <div></div>
    </label>
 </li>
 <li>
    <label for="q2a4">
        <input type="radio" id="q2a4" name="q4">
        Tags for external resources like images, e.g., <img>
    </label>
 </li>
 </ul>
</fieldset>
<fieldset class="q3">
<legend class="question">
  Q3  Describe the structure of an HTML document.
</legend>
<ul>
    <li>
        <label for="q3a1">
            <input type="radio" id="q3a1" name="q3">
            HTML document has only a body element.
        </label>
    </li>
 <li>
    <label for="q3a2">
        <input type="radio" id="q3a2" name="q3">
        HTML document consists of a head and body section.
    </label>
 </li>

 <li>
    <label for="q3a3">
        <input type="radio" id="q3a3" name="q3">
        HTML document can only contain paragraphs.
    </label>
 </li>
 <li>
    <label for="q3a4">
        <input type="radio" id="q3a4" name="q3">
        HTML document must have at least two body elements.
    </label>
 </li>
</ul>
</fieldset>
        <fieldset class="q4">
         <legend class="question">
           Q4 What is the purpose of HTML attributes? Provide an example.
         </legend>
          <ul>
            <li>
                <label for="q4a1">
                    <input type="radio" id="q4a1" name="q4">
                    Attributes define the content of an element, e.g., <pre><p content="text"></p></pre>
                </label>
            </li>
            <li>
                <label for="q4a2">
                    <input type="radio" id="q4a2" name="q4">
                    Attributes specify the class of an element, e.g., <div class="container"></div>
                </label>
            </li>
           <li>
            <label for="q4a3">
                <input type="radio" name="q4" id="q4a3">
                Attributes add animations to elements, e.g., <img animate="fadeIn">
            </label>
           </li>
          <label for="q4a4">
            <input type="radio" name="q4" id="q4a4">
            Attributes control the font size of text, e.g., <h1 size="24px"></h1>
          </label>
          </ul>
        </fieldset>        
</section>
<h1>CSS</h1>
<section class="css" id="CSS">
   <fieldset class="q5">
    <legend class="question">
Q1 What does CSS stand for, and what is its primary purpose?
</legend>
<ul>
<li>
    <label for="q5a1">
        <input type="radio" name="q5" id="q5a1">
        Cascading Style Sheets - To define the presentation of web content
    </label>
</li>
<li>
<label for="q5a2">
    <input type="radio" name="q5" id="q5a2">
    Computer Style Scripts - To create interactive web pages
</label>
</li>
<li>
<label for="q5a3">
<input type="radio" name="q5" id="q5a3">
Colorful Styling System - To add images to web pages
</label>
</li>
<li>
<label for="q5a4">
    <input type="radio" name="q5" id="q5a4">
    Central Style Selector - To manage server-side scripts
</label>
</li>
</ul>
   </fieldset>
    <fieldset class="q6">
        <legend class="question">
          Q2  How do you select elements using CSS selectors?
        </legend>
        <ul>
            <li>
                <label for="q6a1">
                    <input type="radio" name="q6" id="q5a1">
                    By ID only, e.g., #my-element
                </label>
            </li>
            <li>
                <label for="q6a2">
                    <input type="radio" name="q6" id="q6a2">
                    By class only, e.g., .my-class
                </label>
            </li>
            <li>
               <label for="q6a3">
                <input type="radio" name="q6" id="q6a3">
                By element type only, e.g., p
               </label>
            </li>
            <li>
                <label for="q6a4">
                    <input type="radio" name="q6" id="q6a4">
                    All of the above
                </label>
            </li>
        </ul>

    </fieldset>
    <fieldset class="q7">
        <legend class="question">
           Q3 What is the "box model" in CSS? Explain its components.
        </legend>
        <ul>
            <li>
                <label for="q7a1">
                    <input type="radio" name="q7" id="q7a1">
                    The box model defines how images are displayed in a web page.
                </label>
            </li>
            <li>
                <label for="q7a2">
                    <input type="radio" name="q7" id="q7a2">
                    The box model defines how elements are positioned in a web page.
                </label>
            </li>
            <li>
                <label for="q7a3">
                    <input type="radio" name="q7" id="q7a3">
                    The box model defines how elements are styled and sized, including content, padding, border, and margin.
                </label>
            </li>
            <li>
                <label for="q7a4">
                    <input type="radio" name="q7" id="q7a4">
                    The box model defines how elements are colored and shaded.
What is a CSS pseudo-class, and provide an example of its usage.
                </label>
            </li>
        </ul>
    </fieldset>

    <fieldset class="q8">
        <legend class="question">
           Q4 What is a CSS pseudo-class, and provide an example of its usage.
        </legend>
        <ul>
<li>

        <label for="q8a1">
            <input type="radio" name="q8" id="q8a1">
            A pseudo-class selects elements with a specific class attribute, e.g., .active
        </label>
    </li>
    <li>
        <label for="q8a2">
            <input type="radio" name="q8" id="q8a2">
            A pseudo-class selects elements based on their position in the HTML structure, e.g., :first-child
        </label>
    </li>
    <li>
        <label for="q8a3">
            <input type="radio" name="q8" id="q8a3">
            A pseudo-class selects elements based on user interactions or states, e.g., :hover
        </label>
    </li>
    <li>
        <label for="q8a4">
            <input type="radio" name="q8" id="q8a4">
            A pseudo-class selects elements based on their IDs, e.g., #menu-item
        </label>
    </li>
    </ul>
    </fieldset>
</section>
</form>

I’m not sure if you’ve posted enough of your code for us to understand what is going on, but to make a navbar stick to the top you need to employ position: sticky.

我不确定您是否发布了足够的代码，以便我们了解发生了什么，但要使导航栏粘在顶部，您需要使用位置：粘性。

body {
  margin-top: 0;
}

header {
  color: white;
  background-color: #1b1b32;
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1em;
}

nav ul {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  gap: 1em;
}

nav ul a {
  color: inherit;
  text-decoration: none;
}

main {
  padding-top: 5px;
}

<header>
    <h3>HTML/CSS QUIZ</h3>
  <nav class="navbar">
    <ul>
        <li><a href="#html">HTML</a></li>
        <li><a href="#css">CSS</a></li>
    </ul>

  </nav>
</header> 
<main>
    <h1 id="html">HTML</h1>
        <form method="post">
          <section class="HTML">
            <fieldset class="q1">
            <legend class="question">
               Q1 What does HTML stand for, and what is its primary purpose?
            </legend> 
               <ul>
          <li>
                <label for="q1a1">
                <input type="radio" id="q1a1" name="q1" value="true">
                Hypertext Markup Language - To define the structure of web content
            </label>
            </li>
            <li>
                <label for="q1a2">
                    <input type="radio" id="q1a2" name="q1" value="false">
                    Hyper Transfer Text Language - To create dynamic web pages
                </label>
            </li>
            <li>
            <label for="q1a3">
                <input type="radio" id="q1a3" name="q1" value="false">
                Hyperlink and Text Manipulation Language - To style web pages
             </label>
            </li> 
            <li>
                <label for="q1a4">
                    <input type="radio" id="q1a4" name="q1" value="false">
                    High-Level Text Management Language - To manage server-side scripts
                </label>
            </li>
        </ul>
        </fieldset>
            
         <fieldset class="q2">
            <legend class="question">
               Q2 What are HTML tags? Provide an example of an HTML tag.
            </legend>
       <ul>
         <li>
            <label for="q2q1">
                <input type="radio" id="q2a1" name="q2">
                Tags to format text, e.g., &lt;format&gt;&lt;/format&gt;
            </label>
         </li>
         <li>
            <label for="q2a2">
                <input type="radio" id="q2a2" name="q2">
                Tags to add JavaScript code, e.g., &lt;script&gt;&lt;/script&gt;
            </label>
         </li>
         <li>
            <label for="q2a3">
                <input type="radio" id="q2a3" name="q2">
                Tags to define elements in an HTML document, e.g., &lt;div&gt;&lt;/div&gt;
            </label>
         </li>
         <li>
            <label for="q2a4">
                <input type="radio" id="q2a4" name="q4">
                Tags for external resources like images, e.g., &lt;img&gt;
            </label>
         </li>
         </ul>
     </fieldset>
       <fieldset class="q3">
        <legend class="question">
          Q3  Describe the structure of an HTML document.
        </legend>
        <ul>
            <li>
                <label for="q3a1">
                    <input type="radio" id="q3a1" name="q3">
                    HTML document has only a body element.
                </label>
            </li>
         <li>
            <label for="q3a2">
                <input type="radio" id="q3a2" name="q3">
                HTML document consists of a head and body section.
            </label>
         </li>

         <li>
            <label for="q3a3">
                <input type="radio" id="q3a3" name="q3">
                HTML document can only contain paragraphs.
            </label>
         </li>
         <li>
            <label for="q3a4">
                <input type="radio" id="q3a4" name="q3">
                HTML document must have at least two body elements.
            </label>
         </li>
        </ul>
       </fieldset>
                <fieldset class="q4">
                 <legend class="question">
                   Q4 What is the purpose of HTML attributes? Provide an example.
                 </legend>
                  <ul>
                    <li>
                        <label for="q4a1">
                            <input type="radio" id="q4a1" name="q4">
                            Attributes define the content of an element, e.g., <pre><p content="text"></p></pre>
                        </label>
                    </li>
                    <li>
                        <label for="q4a2">
                            <input type="radio" id="q4a2" name="q4">
                            Attributes specify the class of an element, e.g., <div class="container"></div>
                        </label>
                    </li>
                   <li>
                    <label for="q4a3">
                        <input type="radio" name="q4" id="q4a3">
                        Attributes add animations to elements, e.g., &lt;img animate="fadeIn"&gt;
                    </label>
                   </li>
                  <label for="q4a4">
                    <input type="radio" name="q4" id="q4a4">
                    Attributes control the font size of text, e.g., &lt;h1 size="24px"&gt;</h1>
                  </label>
                  </ul>
                </fieldset>        
        </section>
   <h1 id="css">CSS</h1>
        <section class="css">
           <fieldset class="q5">
            <legend class="question">
        Q1 What does CSS stand for, and what is its primary purpose?
       </legend>
       <ul>
        <li>
            <label for="q5a1">
                <input type="radio" name="q5" id="q5a1">
                Cascading Style Sheets - To define the presentation of web content
            </label>
        </li>
     <li>
        <label for="q5a2">
            <input type="radio" name="q5" id="q5a2">
            Computer Style Scripts - To create interactive web pages
        </label>
     </li>
    <li>
     <label for="q5a3">
        <input type="radio" name="q5" id="q5a3">
        Colorful Styling System - To add images to web pages
     </label>
    </li>
    <li>
        <label for="q5a4">
            <input type="radio" name="q5" id="q5a4">
            Central Style Selector - To manage server-side scripts
        </label>
    </li>
       </ul>
           </fieldset>
            <fieldset class="q6">
                <legend class="question">
                  Q2  How do you select elements using CSS selectors?
                </legend>
                <ul>
                    <li>
                        <label for="q6a1">
                            <input type="radio" name="q6" id="q5a1">
                            By ID only, e.g., #my-element
                        </label>
                    </li>
                    <li>
                        <label for="q6a2">
                            <input type="radio" name="q6" id="q6a2">
                            By class only, e.g., .my-class
                        </label>
                    </li>
                    <li>
                       <label for="q6a3">
                        <input type="radio" name="q6" id="q6a3">
                        By element type only, e.g., p
                       </label>
                    </li>
                    <li>
                        <label for="q6a4">
                            <input type="radio" name="q6" id="q6a4">
                            All of the above
                        </label>
                    </li>
                </ul>
     
            </fieldset>
            <fieldset class="q7">
                <legend class="question">
                   Q3 What is the "box model" in CSS? Explain its components.
                </legend>
                <ul>
                    <li>
                        <label for="q7a1">
                            <input type="radio" name="q7" id="q7a1">
                            The box model defines how images are displayed in a web page.
                        </label>
                    </li>
                    <li>
                        <label for="q7a2">
                            <input type="radio" name="q7" id="q7a2">
                            The box model defines how elements are positioned in a web page.
                        </label>
                    </li>
                    <li>
                        <label for="q7a3">
                            <input type="radio" name="q7" id="q7a3">
                            The box model defines how elements are styled and sized, including content, padding, border, and margin.
                        </label>
                    </li>
                    <li>
                        <label for="q7a4">
                            <input type="radio" name="q7" id="q7a4">
                            The box model defines how elements are colored and shaded.
What is a CSS pseudo-class, and provide an example of its usage.
                        </label>
                    </li>
                </ul>
            </fieldset>

            <fieldset class="q8">
                <legend class="question">
                   Q4 What is a CSS pseudo-class, and provide an example of its usage.
                </legend>
                <ul>
     <li>
                
                <label for="q8a1">
                    <input type="radio" name="q8" id="q8a1">
                    A pseudo-class selects elements with a specific class attribute, e.g., .active
                </label>
            </li>
            <li>
                <label for="q8a2">
                    <input type="radio" name="q8" id="q8a2">
                    A pseudo-class selects elements based on their position in the HTML structure, e.g., :first-child
                </label>
            </li>
            <li>
                <label for="q8a3">
                    <input type="radio" name="q8" id="q8a3">
                    A pseudo-class selects elements based on user interactions or states, e.g., :hover
                </label>
            </li>
            <li>
                <label for="q8a4">
                    <input type="radio" name="q8" id="q8a4">
                    A pseudo-class selects elements based on their IDs, e.g., #menu-item
                </label>
            </li>
            </ul>
            </fieldset>
        </section>
      </form>
    </main>

更多回答

I watched a video telling me to put the header in seperate from body to be able to create the layout, but still can you answer the coding out text part>, thanks a bunch this also worked

我看了一段视频，告诉我要把标题和正文分开才能创建布局，但你还是能回答出文本部分的编码>，谢谢一堆这个也管用

"coding out text part". Sorry, not sure what you mean.

“coding out text part”.抱歉，不知道你什么意思。

that fixed that, but how do i code out the stuff

这就解决了这个问题，但是我该如何编码这些东西呢

I don't understand what you mean

我不明白你的意思

well do you see the code in the label: Tags to add JavaScript code, e.g., <script></script> i want the <script> part to show on the page

您看到标签中的代码了吗：用于添加Java代码的标记，例如，<脚本>我希望<脚本>部分显示在页面上

No, I don't see it. But it sounds like you're asking us to write code for you. We won't do that; Stack Overflow is not a coding service.

不，我没看到。但听起来你是在要求我们为你写代码。我们不会这么做；Stack Overflow不是编码服务。

no, i want that part to show as a part of the question

不，我希望这部分作为问题的一部分显示出来

文章推荐： Extra arguments at position(位置处的额外参数)

java - and 之间的区别
大家好，我看到了来自 java 项目中的 jsp 页面。想问一下这些html标签有什么区别。请多多指教。示例代码如下: 最佳答案使用struts-html标签库，其中只是普
html - HTML 页面中损坏的 HTML
我有一个页面，我正在从电子邮件中读取 HTML。有时，来自电子邮件的文本包含 HTML 和 CSS，它完全改变了我的页面样式。我不希望我的页面样式因此受到影响。我如何严格阅读特定 div(框)内的
html - HTML 中的图像 - HTML 表中行之间的间距
我知道有类似的问题，但我想对我的特定代码进行一些输入。我有一个图像，我将其切成 9 块，并创建了一个 3x3 HTML 表来显示它。但是我的表在行之间有空格，但在列之间没有空格。我没有使用任何 C
html - 为什么我的本地 html 链接会转到父文件夹而不是 .html？
编辑:Waylan 的回答成功了!谢谢! 我正在尝试压缩文档的 .html 文件以发送给客户。目标是获得与浏览实际网站相同的体验。打开 .html 文件时，单击的任何链接都会转到父文件夹，而不是特定
html - 为什么我的本地 html 链接会转到父文件夹而不是 .html？
编辑:Waylan 的回答成功了!谢谢! 我正在尝试压缩文档的 .html 文件以发送给客户。目标是获得与浏览实际网站相同的体验。打开 .html 文件时，单击的任何链接都会转到父文件夹，而不是特定
html - 如何解析和规范化来自不同 HTML 生成器的 HTML？
这是 question 的扩展.我正在尝试解析嵌入在 Blogger 博客的 XML 备份中的 HTML 片段，并用 InDesign 标签重新标记它们。 Blogger 并未对其任何帖子的 HTML
html - html 元素之间的换行符破坏了 html 布局
我知道在 html 中元素之间的换行符被视为空格，但我认为当您尝试使用响应式布局时这非常可怕。例如，这里我们有预期和正确的行为，但要获得它，我必须删除元素之间的 html 中的换行符: https:
html - 将带有 html 标签的文本显示为 html
我正在尝试将文本文件显示为 html。我正在使用 ionic 。我正在发送一个 html 格式的响应，但在一个文本文件中发送到配置文件页面。它在 .ts 页面的变量名中。 @Component({
html - 如何在 html 中显示 html？
假设我有一个 html 文档: test 我想在浏览器中显示该代码。然后我会创建类似的东西: <html>test<html> 为了在中间制作 gubbins，我有一个函数
html - HTML 元素和 HTML 标签有什么区别？
HTML 元素和 HTML 标签有什么区别？渲染有什么区别吗？使用标签或元素时有什么特殊注意事项吗？最佳答案是一个标签，特别是一个开始标签也是一个标签，一个结束标签 This is a para
html - 降低 html 表格高度和过度滚动 - HTML
我有这个表格的模态形式。该表正在填充大量数据，但我不想分页。相反，我想以模式形式降低表格的高度并为表格添加溢出。下面是我的代码，但它不起作用。请问我该如何实现？ CSS #table{
html - 查看 HTML 代码而不是呈现的 HTML
我记得有一个 Linux 命令可以从给定的 URL 返回 HTML 代码。您可以将 URL 作为此命令的参数，然后返回 HTML 代码，而不是在浏览器中输入 URL。哪个命令执行此操作？最佳答案
html - 在 html 中显示 html
我有一个 html 页面，我想在其中包含另一个有很多链接的 html 页面。我能够使用 iframe 实现它，但我希望 iframe 内的页面具有与原始页面相同的文本和链接颜色属性，我不想要滚动条，我
html - 如何从另一个 HTML 加载部分 HTML？
我正在使用 HTML 写一本书。如果我把它写在一个 html 文件中，整个代码就会变长，所以我想将每一章保存到不同的文件中，然后将它们加载到主 html 中。我的意思是有像 chapter1.html
html - 将 html 页面重定向到另一个 html
在显示之前，我必须将一个网站重定向到另一个网站。我试过使用 .htaccess，但它给我带来了问题。我也使用过 javavscript 和 meta，但在加载我要从中传输的页面之前它不起作用。帮助？
html - 将网页 html 转换为电子邮件 html
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭 7 年前。
html - 使用 html 打印 ""
如何打印“html”标签，包括“”？如何在不使用文本区域和 Javascript 的情况下对任何标签执行此操作？最佳答案使用HTML character references : <html
html - 如何将 html.slim 文件转换为 html 或 html.erb？
我需要将 Ruby on Rails 应用程序中的 html.slim 文件转换为 html.erb。有什么简单的方法吗？我尝试了 Stack Overflow 和其他网站中列出的许多选项。但对我没有
html - 没有标签可以创建 HTML 文档吗？
这个问题在这里已经有了答案: Is it necessary to write HEAD, BODY and HTML tags? (6 个答案) 关闭 8 年前。我在 gitHub 上找到了这个
html - 什么是加载外部资源的 HTML 元素列表？ (HTML 电子邮件)
如果不允许通过 JavaScript 进行额外的 DOM 操作，我正在寻找可以加载外部资源的元素列表。我正在尝试使用 HTML 查看器托管来自第三方的电子邮件，当发生这种情况时，我需要删除任何自动加载

bug小助手

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

HTML/CSS Coding out text issues, Navbar issues(文本编码问题、导航栏问题)