• HTML
• CSS
• JavaScript
• About

Some Basics:

• HTML stands for Hyper Text Markup Language
• HTML is the standard markup language for creating Web pages
• HTML describes the structure of a Web page

Fun Facts:

HTML = Skeleton

CSS = Hair/Skin

JavaScript = The Brain

#Google's IP Address: 216.58.210.46

Internet backbone are a bunch of underwater cables that can be tracked through submarinecablemap.com

Tags

HTML Tags are a piece of markup language used to indicate the beginning and end of an HTML element in an HTML document.

To print tags use < & >

Some Common used Tags are:

• !DOCKTYPE html, defines that this document is an HTML5 document.
• html, is the root element of an HTML Page
• head, contains meta information about the HTML Page
• title, specifies title for the HTML page
• body, contains all the working part

Heading Tags: h1,h2,h3,h4,h5,h6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

p, for paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida rhoncus justo eget sagittis. Nulla eget malesuada odio. Duis volutpat neque vitae sem egestas rutrum. Proin a dui suscipit, placerat risus eget, maximus dui. Integer faucibus nulla sed lacus ultrices, eget dapibus ex feugiat. Fusce bibendum, eros sed convallis sollicitudin, nulla nisi posuere est, vel maximus libero orci id felis. Aliquam vel libero leo. Donec molestie suscipit cursus. Nullam condimentum lacinia ligula id gravida.

hr, defines a thematic break in an HTML page.

br, produces a line break in text

Syntax for Comments: <!--type-->

For BOLD:

• < b >
• < strong >

For ITALICS:

• < em >
• < i >

Attributes

Attributes provide additional information about elements

Image

Attributes include:

• src, to give the location of the image source
• alt, to represent an alternative image if there is some error

HyperLink

The attribute target="_blank" open the URL in a New Tab.

Video

Attributes inlude:

• autoplay, starts playing automatically
• controls, all the controls are provided
• muted, video plays but is muted initially
• loop, video keeps playing in a loop
• poster, for thumbnail location

iframe

For Embedded Videos

Lists

li, to represent each list element

ol, Ordered Lists

1. Bread
2. Butter
3. Fruits
   1. Apple
   2. Banana
   3. Orange

Attribute include type: 1,A,a,I,i

ul, Unordered List

• Bread
• Butter
• Fruits
  • Apple
  • Banana
  • Orange

TABLES

Three types of tags thead, tbody and tfoot

tr, to be used for each row

th, for BOLD and td for NORMAL row elements

Form and Input Types

Input

To allow only one radio/checkbox to be selected, GIVE THEM A COMMON NAME

Check Box

Important Attributes

for

• Used with label OR output tags.
• Refers to the id of the input tag

value

• For "button", "reset", and "submit" - it defines the text on the button
• For "text", "password", and "hidden" - it defines the initial (default) value of the input field
• For "checkbox", "radio", "image" - it defines the value associated with the input

name

• The name attribute specifies the name of an input element.
• The name attribute is used to reference elements in a JavaScript, or to reference form data after a form is submitted.
• Used in Radio buttons as a common name, so that only one radio button can be selected.

id

• The id attribute specifies a unique id for an HTML element.
• You cannot have more than one element with the same id in an HTML document.
• The syntax for id is: write a hash character (#), followed by an id name.

class

• Multiple HTML elements can share the same class.
• The syntax for id is: write a hash character (.), followed by the class name.