0% found this document useful (0 votes)
2 views2 pages

HTML Summary Notes

HTML (HyperText Markup Language) is the standard language for creating web pages, utilizing tags to structure content. It includes various elements such as headings, paragraphs, links, tables, and forms, with attributes providing additional information. CSS is used to style HTML elements, and layout can be managed using block-level elements and CSS techniques.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views2 pages

HTML Summary Notes

HTML (HyperText Markup Language) is the standard language for creating web pages, utilizing tags to structure content. It includes various elements such as headings, paragraphs, links, tables, and forms, with attributes providing additional information. CSS is used to style HTML elements, and layout can be managed using block-level elements and CSS techniques.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

HTML Summary Notes

Introduction
HTML (HyperText Markup Language) is the standard language for creating web pages and
web applications. It describes the structure of a webpage using tags.

Editors
HTML can be written using Notepad, Notepad++, VS Code, Sublime Text, Atom, or Brackets.

Elements
HTML elements consist of a start tag, content, and an end tag. Example: <p>This is a
paragraph.</p>

Attributes
Attributes provide extra information about elements. Example: <img src='[Link]'
alt='description' width='200'>

Heading
HTML has 6 levels of headings: <h1> to <h6>, where <h1> is the largest.

Paragraph
Paragraphs are defined using the <p> tag.

Formatting
Used to format text: <b>, <i>, <u>, <mark>, <small>, <strong>, <em>, <del>, <ins>.

Link
Creates hyperlinks using the <a> tag. Example: <a href='[Link]

Head
Contains metadata and settings, placed inside the <head> tag. Example: <meta
charset='UTF-8'>

Table
Used to display data in rows and columns. Example:
<table><tr><th>Name</th></tr><tr><td>Poulomi</td></tr></table>

List
Ordered List: <ol>, Unordered List: <ul>, Definition List: <dl>. Example:
<ul><li>Item</li></ul>

Block
Block-level elements take full width: <div>, <p>, <h1>, <section>, <article>, <footer>.
Layout
HTML layout uses elements like <div>, <section>, <header>, <footer> and CSS (flexbox,
grid) for structure.

CSS
CSS (Cascading Style Sheets) styles HTML: Example: <style> p { color: red; } </style> or
external file: <link rel='stylesheet' href='[Link]'>

Form
Used for user input. Example: <form><input type='text' name='name'><input
type='submit'></form>

Iframe
Embeds another webpage. Example: <iframe src='[Link] width='300'
height='200'></iframe>

Colors
Defined by name (red), hex (#ff0000), or RGB (rgb(255, 0, 0)).

Colorname & Colorvalue


Colorname: red, green, blue. Colorvalue: #RRGGBB, rgb(), hsl(). Example: <p style='color:
green;'>Green text</p>

You might also like