Lets write some mark up - HTML
What is HTML
Basic Structure of an HTML Document
Common HTML Elements
Headings, Paragraphs, Lists, Links, Images, Tables, etc.
Element Attributes
id, class, style, etc.
Semantic HTML Elements
header, nav, article, section, etc.
Text Formatting
Bold, Italic, Underline, etc.
Styles with CSS
Internal, External, Inline CSS
CSS Selectors & Properties
Classes, IDs, Elements, Backgrounds, Borders, etc.
Adding Images & Videos
Embedding Audio & YouTube Videos
HTML5 Multimedia Elements
audio, video, etc.
Form Elements & Attributes
input, textarea, select, button, etc.
HTML Best Practices & Accessibility
Writing Clean & Valid HTML Code
Tags
<html> : The root element of an HTML document
<head> : Contains meta information about the document
<title> : Specifies a title for the document
<body> : Defines the document's body
<h1> to <h6> : Defines HTML headings
<p> : Defines a paragraph
<br> : Inserts a single line break
<hr> : Defines a thematic change in the content
<pre> : Defines preformatted text
<b> : Defines bold text
<strong> : Defines important text
<i> : Defines a part of text in an alternate voice or mood
<em> : Defines emphasized text
<mark> : Defines marked/highlighted text
<small> : Defines smaller text
<del> : Defines deleted text
<ins> : Defines inserted text
<sub> : Defines subscripted text
<sup> : Defines superscripted text
<blockquote> : Defines a section that is quoted from another source
<q> : Defines a short quotation
<abbr> : Defines an abbreviation or an acronym
<img> : Defines an image
<a> : Defines a hyperlink
<ul> : Defines an unordered list
<ol> : Defines an ordered list
<li> : Defines a list item
<dl> : Defines a description list
<dt> : Defines a term/name in a description list
<dd> : Defines a description of a term/name in a description list
<table> : Defines a table
<tr> : Defines a row in a table
<th> : Defines a header cell in a table
<td> : Defines a cell in a table
<caption> : Defines a table caption
<thead> : Groups the header content in a table
<tbody> : Groups the body content in a table
<tfoot> : Groups the footer content in a table
<col> : Specifies column properties for each column within a <colgroup> element
<colgroup> : Specifies a group of one or more columns in a table for formatting
<iframe> : Defines an inline frame
<div> : Defines a section in a document
<span> : Defines a section in a document
<header> : Defines a header for a document or a section
<nav> : Defines a set of navigation links
<main> : Specifies the main content of a document
<section> : Defines a section in a document
<article> : Defines an independent self-contained content
<aside> : Defines content aside from the page content
<footer> : Defines a footer for a document or a section
<details> : Defines additional details that the user can view or hide
<summary> : Defines a visible heading for a <details> element
<dialog> : Defines a dialog box or window
<figure> : Specifies self-contained content
<figcaption> : Defines a caption for a <figure> element
<time> : Defines a date/time
<progress> : Represents the progress of a task
<meter> : Defines a scalar measurement within a known range (a gauge)
<data> : Links the given content with a machine-readable translation
<ruby> : Defines a ruby annotation (for East Asian typography)
<rt> : Defines an explanation/pronunciation of characters (for East Asian typography)
<input> : Defines an input control
<textarea> : Defines a multiline input control (text area)
<select> : Defines a drop-down list
<option> : Defines an option in a drop-down list
<button> : Defines a clickable button
<label> : Defines a label for an <input> element
<fieldset> : Groups related elements in a form
<legend> : Defines a caption for a <fieldset> element
<datalist> : Specifies a list of pre-defined options for input controls
<optgroup> : Defines a group of related options in a drop-down list
<form> : Defines an HTML form for user input
<audio> : Defines sound, such as music or other audio streams
<video> : Defines a video or movie
<source> : Defines multiple media resources for media elements (<video> and <audio>)
<track> : Defines text tracks for media elements (<video> and <audio>)
<embed> : Defines a container for an external (non-HTML) application
<object> : Defines an embedded object
Attributes
id : Specifies a unique id for an HTML element
class : Specifies one or more classnames for an HTML element
style : Specifies an inline CSS style for an HTML element
src : Specifies the URL of the media file
href : Specifies the URL of the page the link goes to
alt : Specifies an alternate text for an image, when the image cannot be displayed
title : Specifies extra information about an element
width : Specifies the width of an element
height : Specifies the height of an element
target : Specifies where to open the linked document
rel : Specifies the relationship between the current document and the linked document
type : Specifies the media type of the linked document
value : Specifies the value of an input element
placeholder : Specifies a short hint that describes the expected value of an input field
disabled : Specifies that an input element should be disabled
- š Hi, Iām @AbdulSattarchachar
- š Iām interested in ...
- š± Iām currently learning ...
- šļø Iām looking to collaborate on ...
- š« How to reach me ...