HTML Structure/layout CSS Style JS Logic Level 1 HTML Hyper Text Markup
Language HTML is the code that is used to structure a web page and its
content. The component used to design the structure of websites are
called HTML tags. First HTML File [Link] It is the default name for a
website's homepage HTML Tag A container for some content or other
HTML tags
This is a paragraph Content
Element Basic HTML Page tells browser you are using HTML5 root of an
html document container for metadata
hello world
page title contains all data rendered by the browser paragraph tag
Quick Points Html tag is parent of head & body tag Most of html elements
have opening & closing tags with content in between Some tags have no
content in between, eg -
We can use inspect element/view page source to edit html Comments in
HTML This is part of code that should not be parsed. HTML is NOT case
sensitive =
Level 2 Basic HTML Tags HTML Attributes Attributes are used to add more
information to the tag Heading Tag Used to display headings in HTML h1
(most important) h2 h3 h4 h5 (least important) h6 Paragraph Tag Used to
add paragraphs in HTML
This is a sample paragraph
Anchor Tag Used to add links to your page Google Image Tag Used to add
images to your page relative url Br Tag Used to add next line(line
breaks) to your page
Bold, Italic & Underline Tags Used to highlight text in your page Bold Italic
Underline Big & Small Tags Used to display big & small text on your page
Big Small Hr Tag Used to display a horizontal ruler, used to separate
content
Subscript & Superscript Tag Used to display a horizontal ruler, used to
separate content subscript H O 2 superscript n A + B Pre Tag Used to display text
as it is (without ignoring spaces & next line)
This
is a sample
text.
Level 3 Page Layout Techniques using Semantic tags for layout using the
Right Tags Inside Main Tag Section Tag Article Tag Aside Tag For a section
on your page For an article on your page For content aside main
content(ads) Revisiting Anchor Tag Google for new tab clickable pic
Revisiting Image Tag set height set width Div Tag Div is a
container used for other HTML elements Block Element (takes full width)
List : Div Tags
1.
2.
3.
Span Tag Span is also a container used for other HTML
elements Inline Element (takes width as per size) List :
Span Tags
Error! Filename not specified.