Basic HTML WEB PAGE!

-

Basic HTML Web Page

Here we go. The basic example of an HTML web page…

 <!DOCTYPE html>

<html>

  <head>

<title>Page Title</title>

  </head>

  <body>

    <header>

      <h1>Heading 1</h1>

      <nav>

        <ul>

          <li><a href="#">Link 1</a></li>

          <li><a href="#">Link 2</a></li>

          <li><a href="#">Link 3</a></li>

        </ul>

      </nav>

    </header>

 

    <main>

      <section>

        <h2>Heading 2</h2>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean accumsan bibendum mauris, eget blandit odio commodo vitae.</p>

        <img src="image.jpg" alt="Image">

      </section>

 

      <section>

        <h2>Heading 2</h2>

        <p>Nullam lobortis neque vel tortor gravida, ut ultrices massa bibendum. Ut ut ultrices orci, in lacinia diam.</p>

      </section>

    </main>

 

    <footer>

      <p>Copyright © 2021</p>

    </footer>

  </body>

</html>

 Here's a breakdown of what this code is doing:

1.   1. The <!DOCTYPE html> declaration is necessary for the browser to know that this is an HTML5   document.
2.       The <html> element is the container for all other HTML elements.
3.       The <head> element contains meta information about the document, such as the title of the page.
4.       The <title> element sets the title of the webpage, which appears in the browser's title bar.
5.       The <body> element contains the visible page content.
6.       The <h1> element is a heading, and is used to introduce the main topic of the page.
7.       The <p> element is used for paragraphs of text.
8.       The <img> element is used to display an image on the page. The src attribute specifies the URL of the image, and the alt attribute provides a text description of the image for accessibility purposes.
9.       The <ul> element creates an unordered list, and the <li> elements create the list items.
10.   The <a> element creates a hyperlink, and the href attribute specifies the URL of the page the link goes to.
11.   The "li" element is used to define a list item within an ordered or unordered list. "li" stands for "list item."
12.   <nav>: This element is used to define a section of a web page that contains navigation links. It is typically used to create a menu or a list of links to different sections of the website.
13.   <section>: This element is used to define a section of a web page. It is often used to group related content together and give it a meaningful heading.
14.   <header>: This element is used to define the header of a web page or a section. It typically contains the page title, logo, and other important information.
15.   <h2>: This element is used to define a heading on the page. The number after the "h" (in this case, 2) indicates the level of the heading. The higher the number, the smaller the heading.
16.   <main>: This element is used to define the main content of the web page. It is typically used for the main article, blog post, or other primary content.
17.   <footer>: This element is used to define the footer of a web page or a section. It typically contains copyright information, contact details, and other relevant information.

         Of course, this is just a very basic example - there are many more HTML elements and attributes to explore!




Comments

Post a Comment

Popular posts from this blog

Everything You Need to Know About freeCodeCamp!

-
Image
  Starting with FreeCodeCamp                 The last week I sign up with FreeCodeCamp. here is some information about freeCodeCamp. I will share my experience with freeCodeCamp. FreeCodeCamp is a non-profit organization that offers free, self-paced, online courses in web development and data science. It was founded in 2014 by Quincy Larson with the goal of providing accessible education for anyone who wants to learn to code. The curriculum of FreeCodeCamp is based on hands-on coding projects that teach students the practical skills they need to become job-ready developers. The courses are designed to be completed in approximately 300 hours, with each module building on the skills learned in the previous one.   FreeCodeCamp's web development curriculum includes HTML, CSS, JavaScript, React, Node.js, and more. The data science curriculum covers topics like data analysis, visualization, and machine learning. One of the unique features of FreeCodeCamp is its emphasis on
Read more

Stop Wasting Time and Start 5 EASY PROGRAMMING LANGUAGES!

-
Image
  What are easy programming languages?   There is no one "easy" programming language that is best for everyone, as the concept of "easy" can be highly subjective and dependent on an individual's background, goals, and interests. Some programming languages are generally considered to be easier to learn and use than others, however.           Here are a few programming languages that are often recommended for beginners:   1.       1.         Python : Python is a high-level, interpreted language with a simple syntax and a large standard library. It is a good choice for beginners because it is easy to read and understand, and it has a large and active community of users who can provide support and resources.   2.        Scratch : Scratch is a block-based programming language developed by MIT specifically for beginners. It is designed to be easy to use and is often used to teach young children how to program.     3.        HTML and CSS : HTML (HyperText
Read more

What Everyone Must Know About WHAT ARE CONDITIONAL STATEMENTS?

-
Image
   What are conditional statements? A conditional statement in programming is a control flow construct that allows code execution based on the evaluation of one or more conditions. It checks if a certain condition is true, and if it is, a specific block of code is executed. The syntax for a conditional statement often looks like this: Example code: if (condition) {   // code to be executed if the condition is true } else {   // code to be executed if condition is false }                     The "else" part is optional, and multiple conditions can be tested using if-else if constructs. Conditional statements are an essential part of almost every programming language and are used to make decisions in code. There are several types of conditional statements in programming:   if statement: It executes a block of code if a specified condition is true. if-else statement: It executes a block of code if a condit
Read more