HTML CHEAT SHEET WITH MIND MAPPING, Assignments of Computer science

This is a HTML Cheat sheet with mind mapping and all the basic commands in HTML.

Typology: Assignments

2024/2025

Uploaded on 10/09/2024

nikhil-edara
nikhil-edara ๐Ÿ‡บ๐Ÿ‡ธ

1 document

1 / 4

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
HTML Cheat Sheet (Mind Map Style)
1. HTML Structure
โ—<!DOCTYPE html>: Declares the document type (HTML5).
โ—<html>: Root element of an HTML page.
โ—<head>: Contains metadata about the document (title, links, scripts).
โ—‹<title>: Title of the page (shown in the browser tab).
โ—‹<meta>: Defines metadata (e.g., charset, viewport settings).
โ—‹<link>: Links to external files (e.g., stylesheets).
โ—‹<script>: Embeds or references JavaScript.
โ—<body>: Contains the visible content of the web page.
2. Text Formatting
โ—Headers:
โ—‹<h1> to <h6>: Headings, with <h1> being the largest and <h6> the smallest.
โ—Paragraphs:
โ—‹<p>: Defines a paragraph.
โ—Text Styles:
โ—‹<strong>: Bold text (for strong importance).
โ—‹<em>: Italic text (for emphasis).
โ—‹<br>: Line break.
3. Links and Images
โ—Links:
โ—‹<a href="url">: Hyperlink to another web page or resource.
โ—Images:
โ—‹<img src="image_url" alt="description">: Displays an image.
โ—‹ Attributes:
โ– src: Source of the image.
โ– alt: Alternative text (for accessibility).
4. Lists
pf3
pf4

Partial preview of the text

Download HTML CHEAT SHEET WITH MIND MAPPING and more Assignments Computer science in PDF only on Docsity!

HTML Cheat Sheet (Mind Map Style)

1. HTML Structure โ— **** : Declares the document type (HTML5). โ— **** : Root element of an HTML page. โ— **** : Contains metadata about the document (title, links, scripts). โ—‹ **** : Title of the page (shown in the browser tab). โ—‹ <meta> : Defines metadata (e.g., charset, viewport settings). โ—‹ <link> : Links to external files (e.g., stylesheets). โ—‹ <script> : Embeds or references JavaScript. โ— <body> : Contains the visible content of the web page. 2. Text Formatting โ— Headers : โ—‹ <h1> to <h6>: Headings, with <h1> being the largest and <h6> the smallest. โ— Paragraphs : โ—‹ <p>: Defines a paragraph. โ— Text Styles : โ—‹ <strong>: Bold text (for strong importance). โ—‹ <em>: Italic text (for emphasis). โ—‹ <br>: Line break. 3. Links and Images โ— Links : โ—‹ <a href="url">: Hyperlink to another web page or resource. โ— Images : โ—‹ <img src="image_url" alt="description">: Displays an image. โ—‹ Attributes: โ–  src : Source of the image. โ–  alt : Alternative text (for accessibility). 4. Lists

โ— Unordered Lists : โ—‹ : Unordered list (bulleted). โ—‹ : List item. โ— Ordered Lists : โ—‹ : Ordered list (numbered). โ—‹ : List item. โ— Description Lists : โ—‹ : Description list. โ—‹ : Term being described. โ—‹ : Description of the term.

5. Forms โ— Form Structure : โ—‹ : Creates a form for user input. โ—‹ Attributes : โ–  action : Specifies where the form data will be sent. โ–  method : Defines how to send the form data (GET or POST). โ— Form Elements : โ—‹ : Text input field. โ—‹ : Email input field. โ—‹ : Password input field. โ—‹ : Checkbox. โ—‹ : Radio button. โ—‹ : Submit button. 6. Tables โ— Table Structure : โ—‹ : Creates a table. โ—‹ : Table row. โ—‹ : Table header cell. โ—‹ : Table data cell. โ— Attributes : โ—‹ colspan : Specifies the number of columns a cell should span. โ—‹ rowspan : Specifies the number of rows a cell should span. 7. Semantic HTML โ— Structure and Meaning : โ—‹ : Defines the header of a document or section. โ—‹ : Navigation links.

โ— HTML Basics โ—‹ , , , โ—‹ Metadata : โ–  , <meta>, <link>, <script> โ—‹ Visible Content : โ–  Text formatting: <p>, <h1>, <em>, <strong> โ–  Links & Media: <a>, <img> โ— Structure Elements โ—‹ Lists : โ–  <ul>, <ol>, <li> โ—‹ Tables : โ–  <table>, <tr>, <th>, <td> โ—‹ Forms : โ–  <form>, <input>, <button> โ— Semantic HTML โ—‹ <article>, <section>, <header>, <footer>, <nav>