Skip to content

Latest commit

 

History

History
56 lines (37 loc) · 2.44 KB

File metadata and controls

56 lines (37 loc) · 2.44 KB

Into HTML

Basic Syntax of HTML: The basic syntax to create your first website

My First Web Page: Based on the basic syntax of a website, we are going to create our first real example of a website

Tables in HTML: How to create Tables using html to implement them in our web sites

Forms in HTML: How to create Forms using html and implement them in our web sites

Stage 2 Final WebSite: With all the exaples above and the information, we create a final website with all thing we know at this point.

TIPS

What is HTML?

HTML (HyperText Markup Language) is the standard language used to create and structure content on the web. It defines the elements and structure of a webpage, such as headings, paragraphs, links, images, and more.

Here’s a breakdown of its key aspects:

  • HyperText: Refers to the system of linking text, allowing users to navigate between different webpages by clicking on hyperlinks.
  • Markup Language: Refers to the way HTML uses tags to "mark up" content to define its structure and presentation.

How HTML Works:

HTML uses tags (enclosed in angle brackets < >) to define different elements on a webpage. For example:

  • <h1>: Represents a heading.
  • <p>: Represents a paragraph.
  • <a>: Represents a link.
  • <img>: Represents an image.

These tags tell the browser how to display the content. HTML provides the basic framework of a webpage, which is then styled with CSS and made interactive with JavaScript.

Here's a simple example of HTML code:

<!DOCTYPE html>
<html>
  <head>
    <title>My Webpage</title>
  </head>
  <body>
    <h1>Welcome to My Webpage</h1>
    <p>This is a simple paragraph of text.</p>
    <a href="https://www.example.com">Click here to visit example.com</a>
  </body>
</html>

In this example, HTML defines the structure of the webpage, including a heading (<h1>), a paragraph (<p>), and a hyperlink (<a>).

Great TIP

To efficiently look up documentation for HTML and many other programming languages, you can use devdocs.io. It's a powerful and user-friendly tool that consolidates documentation for a variety of languages and frameworks, all in one place. It allows for quick and easy searches without needing to browse through multiple websites.