Title
Lorem
Ipsum
D O LO R S I T A M E T
HTML
HTML stands for :
• Hypertext Markup Language
Introduction
• Hypertext Markup Language, is a markup language that consists of a series of
elements that tells the browser how to display or structure the content.
• Web page is basically the output of html document and only runs on the browser.
• Oh then what’s the difference between a web site & web app?
• A website is basically a collection of web pages and they do not allow viewers to
interact with the page.
• Web applications are websites with functionality and interactive elements.
Document Structure
Elements
• An HTML element is defined by a start tag, some content, and an end tag.
• Examples:- <html>, <body>, <p>, <h2>, <input >
• Nested elements like <p>Hi <span>Welcome</span></p>
• Some HTML elements have no content (like the <br> element). These elements
are called empty elements. Empty elements do not have an end tag!
Attributes
• Attributes provide additional information about elements.
• Attributes are always specified in the start tag
• Attributes usually come in name-value pairs like: name="value“
• Examples:
- href,
- src,
- class, id,
- style
Form
• <form> is a HTML element to collect input data with containing interactive
controls.
• It provides facilities to input text, number, values, email, password, and control
fields such as checkboxes, radio buttons, submit buttons, etc., or in other words,
form is a container that contains input elements like text, email, number, radio
buttons, checkboxes, submit buttons, etc.
•Task: Create an user registration form to take user name, password, dob,
country (options), gender, submit
HTML JavaScript
•The HTML <script> tag is used to define a client-side script.
•Common uses for JavaScript are image manipulation, form validation, and
dynamic changes of content.
•To select an HTML element, JavaScript most often uses the
[Link]() method.