Question

In: Computer Science

this is done in HTML In footer, use HTML tags/style of your choice to explain steps...

this is done in HTML

  1. In footer, use HTML tags/style of your choice to explain steps you took to add css file and _Layout. Should include the following:

    1. Folder structure

    2. Short description of what layout does

    3. You should not include the content of css or how you defined your css

Solutions

Expert Solution

<! layout .html >

<!DOCTYPE html>
<html>
   <head>
      <title>Layout Demo</title>
      <style>
         .Header1
         {          
         border: 2px solid red;
         height: 65px;
         }
         body {
         margin: 0 auto;
         background-position:center;
         background-size: contain;
         width: 90%;
         border: 2px slod balck;
         border: 6px solid black;
         height: 449px;  
         }
         .menu {
         position: sticky;
         top: 0;
         background-color: #009900;
         padding:10px 0px 10px 0px;
         color:white;
         margin: 0 auto;
         overflow: hidden;
         }
         .menu a {
         float: left;
         color: white;
         text-align: center;
         padding: 14px 16px;
         text-decoration: none;
         font-size: 20px;
         }
         footer {
         border: 2px solid red;
         height: 65px;
         }
         .index
         {
         border: 2px solid red;
         width: 50%;
         height: 230px;
         }
         .contain1
         {
         border: 2px solid red;
         width: 49%;
         height: 230px;
         float:right;
         margin-top: -231px;
         }
         #Content
         {
         padding-top:12px;
         }
      </style>
   </head>
   <body>
      <!-- Header Section -->
      <header>
         <div class="Header1">
            <center>
               <h1>Header Section</h1>
            </center>
         </div>
      </header>
      <!-- Menu Navigation Bar -->
      <div class="menu">
         <a href="#">HOME</a>
         <a href="#">NEWS</a>
         <a href="#">NOTIFICATIONS</a>
      </div>
      <!-- Body section -->
      <div >
         <section id="Content">
            <div class="index">
               <center>
                  <h1>Index</h1>
               </center>
            </div>
            <div class="contain1">
               <center>
                  <h1>Content Section</h1>
               </center>
            </div>
         </section>
      </div>
      <!-- Footer Section -->
      <footer>
         <center>
            <h1>Footer Section   </h1>
         </center>
      </footer>
   </body>
</html>


Related Solutions

Your HTML document should contain the following elements/features: HTML tags: An <input> tag labeled "Timer Duration"...
Your HTML document should contain the following elements/features: HTML tags: An <input> tag labeled "Timer Duration" with the initial value 0 A <button> tag labeled "Start" Script: When the user presses the button (1b), a function will begin that does the following: Reads the value from the input field (1a) Removes the <input> and <button> tags (1a & 1b) Creates a new <p> tag, initialized to show the input value Starts a timer that ticks down to zero. For every...
a style sheet was not new with HTML and even today other languages use a similar...
a style sheet was not new with HTML and even today other languages use a similar approach. JavaFX uses an almost identical style definition as CSS for its style sheets. .NET's Windows Presentation Foundation (WPF) uses an XML like style definition in a language named XAMLAll these different technologies have one thing in common: they separate what is being displayed from how it is being displayed. Why? What is the benefit of doing so, if any? What are the drawbacks,...
Create a form using the following HTML elements at a minimum. Style the form in your...
Create a form using the following HTML elements at a minimum. Style the form in your CSS. You do not need to include a form action (i.e. the form doesn't have to do anything - we're designing the front end of the form). textarea textbox input type of "email" select radio button checkbox submit button style at least three elements of your form in your stylesheet, including your submit button Use a comment to delineate the beginning and end of...
Use a style sheet to define the following rules and implement the given HTML code. Please...
Use a style sheet to define the following rules and implement the given HTML code. Please put your style information within the same file as the HTML code. Rules • Hyperlinks using the nodec class should display no decoration. • Hyperlinks should display text in white with a green background color when the mouse pointer is held over the link. (use the hover pseudo-class) • Unordered lists not nested within any other lists should be displayed in blue text and...
Overview Students will learn how to use block-level <div> elements in HTML and style them with...
Overview Students will learn how to use block-level <div> elements in HTML and style them with CSS to transform them using various properties such as: position top, left, right, bottom float border border-radius background-color etc. Related Lecture(s) Module 2: Lecture #3 - The Box Model & Positioning Elements Basic Content Create a folder on your local machine in the "csis1430/htdocs" folder called "little-boxes" with the following folder structure: css img js Create an index.html file with multiple (as many as...
Please describe the steps taken in Data Preprocessing. Give examples and explain what was done in...
Please describe the steps taken in Data Preprocessing. Give examples and explain what was done in each of these steps. PLEASE PROVIDE DETAILED EXPLANATION , SO I CAN UNDERSTAND EASILY COURSE : DATA MINING
After designing PCR primers, what next steps should be done? Explain briefly.
After designing PCR primers, what next steps should be done? Explain briefly.
Using a major public health challenge of your choice, identify and elaborate on the steps that...
Using a major public health challenge of your choice, identify and elaborate on the steps that need to be followed to implement a Health Promotion Intervention in order to overcome this challenge.
Which is better, lowering or raising taxes?  Explain and use example on how your choice is accurate....
Which is better, lowering or raising taxes?  Explain and use example on how your choice is accurate. http://money.cnn.com/2016/10/17/pf/taxes/trump-tax-plan/index.html
Identify project of your choice and apply steps a project manager can take to smooth a...
Identify project of your choice and apply steps a project manager can take to smooth a resource also provide gantt chart with smoothed resources
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT