checkmark

HTML

Introduction to Web and HTML

How the Web Works What is HTML Why Learn HTML

HTML Basics

HTML Structure and Syntax HTML Tags HTML Elements HTML Attributes Anatomy of an HTML Document Creating Your First HTML Page

HTML Document Structure

Document Type Declaration (<!DOCTYPE>) The `<html>` Element The `<head>` Section The `<meta>` Element The `<title>` Element The `<body>` Element HTML Comments

Text Formatting

Headings (<h1> to <h6>) Paragraphs (`<p>`) Line Breaks (`<br>`) Text Formatting Tags Preformatted Text (`<pre>`)

Lists

Unordered Lists (<ul> and <li>) Ordered Lists (<ol> and <li>) Definition Lists (<dl>, <dt>, and <dd>)

Links

Anchor Tags (<a>) Internal Links in html External Links in html Links to Email Addresses Linking to Other Resources Link Target Attributes Image Links

Images

Inserting Images (<img>) Image Attributes Image Formats (JPEG, PNG, GIF) Image Size and Alignment Image Maps

HTML Forms

HTML Form Structure Text Fields and Textareas Radio Buttons and Checkboxes Dropdowns / Select Box Text, Password, and Email Inputs in HTML Forms Date and Time Inputs in HTML Forms Submit and Reset Buttons Form Elements Attributes Form Validation Grouping Form Elements File Uploads Creating a Contact Form

Tables

Table Structure Table Rows and Columns Table Headers Table Data Table Captions Table Borders and Styling Spanning Rows and Columns

Multimedia

Embedding Audio (<audio>) Embedding Video (<video>) Video Formats (MP4, WebM, Ogg) Multimedia Attributes

HTML5 Sematic Elements

HTML5 Structural Elements Role of Semantic Elements Accessibility and SEO

HTML Entities

Special Characters and Symbols Common HTML Entities
menu Back to Edkool

What is HTML

What is HTML?

HTML, or Hypertext Markup Language, is the foundation of the World Wide Web. It's a markup language used to create and structure content on web pages. HTML allows you to define the structure, text, images, links, and other elements within a web document, enabling browsers to render and display this content to users.

Key Points about HTML

  1. Markup Language: HTML is a markup language, not a programming language. It uses tags to annotate and define elements within a document, indicating how these elements should be displayed or function. HTML tags are enclosed in angle brackets, such as <tag>.

  2. Hypertext: HTML stands for "Hypertext" because it enables the creation of hyperlinks. These links allow users to navigate between web pages, making the web an interconnected network of information.

  3. Structure and Content: HTML is all about structuring the content of a web page. It defines the layout, headings, paragraphs, lists, images, and more. With HTML, you can determine how content should be organized and presented to the user.

Basic HTML Document Structure

An HTML document consists of several essential elements:

  • <!DOCTYPE html>: This declaration defines the document type and version of HTML being used.

  • <html>: The root element that wraps the entire web page.

  • <head>: Contains metadata about the page, such as the title and links to external resources like stylesheets and scripts.

  • <meta>: Provides character encoding and other information about the document.

  • <title>: Sets the title of the web page, which appears in the browser's title bar or tab.

  • <body>: Contains the main content of the web page, including text, images, links, and other elements.

How HTML Works

  1. Creating Structure: HTML uses a series of tags to create the structure of a web page. For example, <h1> to <h6> tags define headings, while <p> tags create paragraphs.

  2. Adding Links: HTML allows you to create links using the <a> tag, connecting web pages and resources together.

  3. Inserting Images: Images are included in HTML with the <img> tag. You specify the image source using the src attribute.

  4. Form Elements: HTML provides elements like text fields, checkboxes, and buttons to create interactive forms for user input.

  5. Embedding Multimedia: You can embed audio and video content using HTML's <audio> and <video> tags.

  6. Styling with CSS: While HTML defines the structure, Cascading Style Sheets (CSS) are used to control the presentation and layout of web pages.

  7. Interactivity with JavaScript: JavaScript is used to add interactivity to web pages, such as form validation and dynamic content updates.

Conclusion

HTML is the backbone of the web, providing the essential building blocks for creating web content. It's a markup language that, when combined with CSS and JavaScript, allows web developers and designers to craft visually appealing, interactive, and functional websites. As you dive into HTML, you'll discover its capabilities and learn how to create web pages that are both informative and engaging.

Previous How the Web Works
Next Why Learn HTML