html body { margin-top: 50px !important; } #top_form { position: fixed; top:0; left:0; width: 100%; margin:0; z-index: 2100000000; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; border-bottom:1px solid #151515; background:#FFC8C8; height:45px; line-height:45px; } #top_form input[name=url] { width: 550px; height: 20px; padding: 5px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; border: 0px none; background: none repeat scroll 0% 0% #FFF; }
elements. 3. Key elements like headings, paragraphs, links, lists, quotes, and multimedia elements are described along with their opening and closing syntax.">
Scribd
Upload
1K views

HTML Cheatsheet

1. The document provides a cheat sheet for HTML with commonly used elements and their syntax. 2. It explains the basic structure of an HTML page with the <!DOCTYPE>, <html>, <head>, <title>, and <body> elements. 3. Key elements like headings, paragraphs, links, lists, quotes, and multimedia elements are described along with their opening and closing syntax.

Uploaded by

Satvik Srivastava
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
1K views

HTML Cheatsheet

1. The document provides a cheat sheet for HTML with commonly used elements and their syntax. 2. It explains the basic structure of an HTML page with the <!DOCTYPE>, <html>, <head>, <title>, and <body> elements. 3. Key elements like headings, paragraphs, links, lists, quotes, and multimedia elements are described along with their opening and closing syntax.

Uploaded by

Satvik Srivastava
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

<>

♥ iLoveCoding
HTML Cheatsheet
Comprehensive video course on HTML & CSS
https://ilovecoding.org/courses/htmlcss

Commonly used
1 Syntax to write an HTML element 2 Basic markup of every HTML page 3
HTML elements
Opening Tag Attribute and its value
Every element has an (optional) <!DOCTYPE html> <h1> ... <h6>
opening tag with the name Attributes are like options <html lang="en"> <p>
of the element at its start. of an element. Attributes
have value.
....<head> <i> <strong>
........<title>
<a>
............page title here
<name attr="value"> ........</title> <div>
....children ....</head> <span>
</name>
....<body> lists:
Children (optional) ....
<ul> <ol> <li>
Closing Tag Between the opening and ....
closing tags are the children of
A closing tag has the
the element. This can be more
.... page content
name of the element
with a forward slash elements or just plain text. .... goes here Special formatting
"/" before it. .... <blockquote> <pre>
....
<name attr="value"/> ....</body>
multimedia:
</html>
<img /> <video>
Self-Closing Tag
Some elements that do not have children do not need a closing Code Formatting <audio>
tag. In this case a forward-slash "/" is added to the element's For good code formatting,
opening tag to denote a self-closing tag. remember to indent the
children by 2 or 4 spaces. separators:
Some examples of self-closing elements are:
<hr /> <br />
img, br, hr, meta, input ....

By Aziz Ali ~ https://iLoveCoding.org

You might also like