Found 10483 Articles for Web Development

HTML File Paths

AmitDiwan
Updated on 19-Sep-2019 11:59:13

372 Views

File path in a website is the location of a file in that website. This path might be relative (in reference to current path) or absolute (full URL of file).SyntaxFollowing is the syntax:1) Relative pathsrc="ImgFolder/picture.jpg"Orsrc="../ImgFolder/picture.jpg"Orsrc="/ImgFolder/picture.jpg"2) Absolute pathsrc="http://www.tutorialspoint.com/html5/foo.mp4"Let us see an example of HTML DOM Video src property−Example Live Demo HTML DOM Video src    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;    } ... Read More

HTML Entities

AmitDiwan
Updated on 19-Sep-2019 11:45:39

188 Views

In HTML, some characters are reserved for syntax declaration. Using these characters in text might cause unwanted errors. For example, you cannot use the greater than and less than signs or angle brackets within your HTML text because the browser will treat them differently and will try to draw a meaning related to HTML tag.NOTE  − Entity names are case sensitive so should be used as they are.SyntaxFollowing is the syntax:&entity_nameOr&#entity_numberFollowing are some of the useful entities:ResultDescriptionEntity NameEntity Numbergreater than>>&ersand&&"double quotation mark""'single quotation mark (apostrophe)'$£Pound££¥Yen¥¥€Euro€€©Copyright©©®registered trademark®®Read More

Difference between Bootstrap and AngularJS.

Nitin Sharma
Updated on 17-Sep-2019 10:36:38

2K+ Views

Along with many other frameworks for front end development AngularJs and Bootstrap are two well-known frameworks in the market.AngularJS is widely used for single page application development as it provides MVC architecture with data model binding. On the other hand, Bootstrap uses HTML, CSS, and JavaScript for its development which makes it comparatively faster.The following are the important differences between Bootstrap and AngularJS.Sr. No.KeyAngularJSBootstrap1Basic DifferenceAngularJs was developed by Google and primarily uses a component concept which makes its developed application more structural.Bootstrap was introduced by Twitter as part of the open-source community with very common libraries such as CSS, Styles, ... Read More

HTML max Attribute

AmitDiwan
Updated on 17-Sep-2019 09:15:03

126 Views

The max attribute of the element is used to set the upper bound for . However, the element is used to measure data with a give range like water impurity level and it is set using the min and max attribute.SyntaxFollowing is the syntax −The num above is a number in floating-point that sets the max attribute of the element.ExampleLet us now see an example to implement the max attribute of the element − Live Demo Water Levels Impurity Level TDS Level OutputThis will produce the following output −In the above example, ... Read More

HTML Design Form

AmitDiwan
Updated on 17-Sep-2019 09:07:50

5K+ Views

HTML Forms are required, when you want to collect some data from the site visitor. For example, during user registration you would like to collect information such as name, email address, credit card, etc.A form will take input from the site visitor and then will post it to a back-end application such as CGI, ASP Script or PHP script etc. The back-end application will perform required processing on the passed data based on defined business logic inside the application.The tag is used in HTML to create a form and various form element like input, textarea, etc is included in ... Read More

HTML DOM Anchor Object

AmitDiwan
Updated on 17-Sep-2019 09:01:23

185 Views

The element is used in HTML to create hyperlinks along with href attribute. The anchor object represents this element.ExampleIn the below example, we will learn how to access an anchor object − Live Demo Demo Heading Google Display the link Link gets displayed here    function display() {       var a = document.getElementById("myid").href;       document.getElementById("demo").innerHTML = a;    } OutputThis will produce the following output −

How to duplicate Javascript object properties in another object?

Abdul Rawoof
Updated on 02-Sep-2022 12:10:12

2K+ Views

In JavaScript, objects are the collection of a key value pairs. The properties of the object are the keys and is denoted with a string. The value of the key is the value of the property of the given object. In JavaScript, the objects can be copied to other by many ways in which some of them are − Using spread operator(…) The spread operator in JavaScript is used to copy the values of the original given object to a new object. This operator is represented by three dots(…). Example 1 This example demonstrates how spread operator is used to ... Read More

HTML DOM Anchor hostname Property

AmitDiwan
Updated on 17-Sep-2019 08:58:40

121 Views

The HTML DOM Anchor hostname property returns only the hostname of the URL. It returns the domain name.SyntaxFollowing is the syntax to set the hostname property −anchorObj.hostname = hostnameAbove, the hostname is the hostname of the URL.SyntaxFollowing is the syntax to return the hostname property −anchorObj.hostnameExampleLet us now see an example to implement the DOM Anchor hostname property − Live Demo Company Our Team Display Anchor Part Display Host Part Display Hostname    function display() {       var a = document.getElementById("mylink").hash;       document.getElementById("myid").innerHTML = a;    }    function display2() {     ... Read More

Example of a circular reference in Javascript

Arnab Chakraborty
Updated on 05-Apr-2023 12:17:28

2K+ Views

Circular referencing is an idea when an object directly or indirectly refers to itself back. It creates a closed loop. Like other programming languages, javascript also faces this problem of circular referencing. In this article, we shall cover a few examples of different circular referencing modes in javascript. Direct Circular Referencing In direct circular referencing the object is pointing itself by using the self pointer. In this example, we can expand the user object infinitely (in practice up to a certain limit) and all are pointing to the same object. Let us see the following code and the output console ... Read More

HTML href Attribute

AmitDiwan
Updated on 17-Sep-2019 08:14:27

350 Views

The href attribute is used to set the link i.e. the URL of the page.SyntaxFollowing is the syntax −Above, URL is the url you need to mention, which can be a relative link, absolute link, script, protocol, etc.ExampleLet us now see an example to implement the href attribute of the element − Live Demo Learning is Fun Learn the concepts of Java! Also try JavaScript from our website: JavaScript! OutputThis will produce the following output −ExampleLet us see another example wherein we can set the email-id of a user with a href − Live ... Read More

Advertisements