HTML (HyperText Markup Language) is the core language for creating web pages. It structures content using various elements and tags, which define different parts of the web page. Here is an overview of key components:
Basic Elements and Tags
- Basic Structure:
<html>,<head>,<body> - Paragraphs:
<p> - Headings:
<h1>to<h6> - Links:
<a href="URL"> - Images:
<img src="URL" alt="description"> - Tables:
<table>,<tr>,<td>,<th> - Div Element:
<div>
Attributes
Attributes provide additional information about HTML elements and are included within the start tag:
- href for links:
<a href="URL"> - src for images:
<img src="URL" alt="description"> - class and id for styling and scripting:
<div class="className" id="idName">
Text Formatting
- Bold:
<strong>,<b> - Italic:
<em>,<i> - Underline:
<u> - Strike-through:
<s>
Styling
- Inline styles:
<p style="color:blue;"> - External and internal styles using CSS
Comments
- HTML comments are added with
<!-- comment -->
Links
- Anchor Tag:
<a href="URL">Link Text</a>
Images
- Image Tag:
<img src="URL" alt="description">
Tables
- Table Elements:
<table>,<tr>,<td>,<th>
The Div Element
- Div Tag:
<div>used as a container for other elements
Classes and IDs
- Class Attribute:
<div class="className"> - ID Attribute:
<div id="idName">
Head
- Head Section:
<head>contains metadata, links to CSS files, etc.
Title
- Title Tag:
<title>specifies the page title shown in the browser tab
Lists
- Unordered Lists:
<ul>,<li> - Ordered Lists:
<ol>,<li>
File Path
- Relative and Absolute Paths: used to link to files
Basic CSS
- Inline CSS:
<p style="color:blue;"> - Internal CSS:
<style>within<head> - External CSS:
<link rel="stylesheet" href="styles.css">
Quotation
- Blockquote:
<blockquote> - Inline Quote:
<q>
Understanding and correctly using these elements and attributes allows you to build well-structured, styled, and interactive web pages.
HTML5, the latest version, introduces new elements like <header>, <footer>, <article>, and <section>, enhancing the semantic meaning of the content.
HTML is often used with CSS (Cascading Style Sheets) for styling and JavaScript for interactivity, forming the core technologies for web development.