HTML Archive

HTML Iframes

<Iframe> tag is used to define inline frame within our web page, it’s not related to the frameset tag and can define anywhere in the webpage. Syntax: <iframe src=”WEB_PAGE_URL”></iframe> Example: <html> <body> <iframe src=”iFrameEx.html”></iframe> </body> </html> <html> <body> <iframe src="iFrameEx.html"></iframe> </body> </html> Iframe – Size With the help of width and height attribute, we can

HTML Blocks and Inline Elements

Every HTML element can be categorized into either (1) Block OR (2) Inline. Block-level Elements These elements always start on a new line with full width.Examples of block level elements are: <div>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>, <ul>, <ol>, <dl>, <pre>, <hr />, <form>, and <address>. Inline Elements Inline element does not start

HTML Forms

HTML Forms are used to collect different kinds of user inputs like name, email, phone, etc. and send them to the web server. Forms contain elements called controls, for example inputbox, radio-buttons, checkbox, dropdowns, submit buttons, etc. Front-end Users fill the form by modifying these controls, like entering text, selecting dropdown values, etc. and then

HTML Form Controls

HTML Form Controls The following article describes different types of form controls that we can use in your form. Text Input Fields Text input field is a one line area that allow us to input text. Example: <html> <form> Username: <input type=”text” name=”txt_name”/> </form> </html> <html> <form> Username: <input type=”text” name=”txt_name”/> </form> </html> Password Input

HTML marquee

HTML marquee tag creates a scrolling effect and with the help of marquee we can scroll piece of text or image either in horizontally across or vertically down. Note: <marquee> tag may not be supported by various browsers. Syntax <marquee> Your text here </marquee> <marquee>Attributes Blow is the list of important attributes that we can

HTML Styles – CSS

CSS stands for Cascading Style Sheets. CSS describe how our html document are presented on screen, paper or in other media. We can add CSS to HTML elements in 3 ways: Inline css – style attribute has to define in HTML elements Internal css – <style></style> tags has to define in <head> section External css

HTML Entities

Some reserved characters in HTML have special meaning when used in HTML page, these characters are not present on our keyboard and can be replaced by entities. For example, we cannot use less then () with your HTML text because the browser might mix them with tags. To display a less then (

HTML Colors

Colors are the most important part of any webpage. We can specify colors in our webpage by using: Color names An RGB value A HEX codes. Let’s discuss these methods one by one. Html Colors – Color Names We can specify a color by direct using a color names: Color Name   Black   Blue

JavaScript – Placement

Where to place JavaScript JavaScript code must be placed between <script></script> tags in html. It can be placed in the <body>, or in the <head> section of HTML page, or in both. Example: <html> <head> <script> alert(“Hello World”); </script> <head> <body></body> </html> <html> <head> <title>Internal Script</title> <script>alert("Hello World");</script> </head> </html> Functions in JavaScript Function is

Responsive Slider using jQuery

In this blog, I am going to explain how we can create a responsive slider. I have used ResponsiveSlides.js to create responsive slider. This is a jQuery Plugin that makes our job easy to create a slider. We can use this slider to showcase your favourite photos in a banner. Slider Images Below is a