Class Notes-HTML
Class Notes-HTML
Element
Quick Points
Html tag is parent of head & body tag
Most of html elements have opening & closing tags with
content in between
Comments in HTML
This is part of code that should not be parsed.
<p> = <P>
<head> = <HEAD>
<body> = <BODY>
Level 2
Basic HTML Tags
HTML Attributes
<html lang="en">
Heading Tag
Used to display headings in HTML
h1 (most important)
h2 h3 h4 h5
h6 (least important)
Paragraph Tag
Used to add paragraphs in HTML
relative url
Br Tag
Used to add next line(line breaks) to your page
<br>
Bold, Italic & Underline Tags
Used to highlight text in your page
Hr Tag
Used to display a horizontal ruler, used to separate content
<hr>
Subscript & Superscript Tag
Used to display a horizontal ruler, used to separate content
H2O
<sup> superscript </sup>
n
A+B
Pre Tag
Used to display text as it is (without ignoring spaces & next line)
<pre> This
is a sample
text.
</pre>
Page Layout Techniques
using Semantic tags for layout using
the Right Tags
<header>
<main>
<footer>
clickable pic
set height
Div Tag
Div is a container used for other HTML elements
<var> <textarea>
<time>
Level Pro
List in HTML
Lists are used to represent real life list data.
unordered ordered
<ul> <ol>
<li> Apple </li> <li> Apple </li>
<li> Mango </li> <li> Mango </li>
</ul> </ol>
Tables in HTML
Tables are used to represent real life table data.
<tr> used to display table row
Caption in Tables
Student Data
Name Roll No
Shradha 1664
thead & tbody in Tables
Form in HTML
Forms are used to collect data from the user
Eg- sign up/login/help requests/contact me
<form> form
content
</form>
Action in Form
Action attribute is used to define what action needs to be performed
when a form is submitted
<form action="/action.php" >
</label>
<label for="id2">
</label>
&
Checkbox
<label for="id1">
</label>
<label for="id2">
</label>
Textarea
<textarea name="feedback" id="feedback" placeholder="Please add Feedback">
</textarea>
Select
<select name="city" id="city">
</select>
iframe Tag
website inside website
<iframe src="link"> Link </option>
Video Tag
<video src="myVid.mp4"> My Video </video>
Attributes
- controls
- height
- width
- loop
- autoplay
All the very best in your future journey :)
- Aman bhaiya & Shradha didi