HTML Archive
29 Jan 2017
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
05 Feb 2017
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
12 Apr 2017
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
24 Jun 2017
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
23 Jul 2017
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
31 Aug 2017
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
01 Sep 2017
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 (
07 Sep 2017
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
07 Jan 2018
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
28 Jan 2018
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