Found 8894 Articles for Front End Technology

How to represent text that must be isolated from its surrounding for bidirectional text formatting in HTML?

Yaswanth Varma
Updated on 05-Sep-2022 12:26:38

145 Views

The HTML element instructs the bidirectional algorithm of the browser to treat the text it contains independently of the content around it. It's very helpful when a website dynamically adds some text without knowing which direction it should go. For example, few languages like Arabic, Urdu or Hebrew are written in the right – to – left direction instead of the usual left – to – right. We use the tag before and after the text that goes in the opposite direction of the script to rearrange it. However, if there is confusion about the text direction ... Read More

How to add a base font in a HTML page?

Yaswanth Varma
Updated on 05-Sep-2022 12:44:01

393 Views

The HTML tag specifies the standard font-family, font-size, and colour for the text in the HTML document. It is advised that you format the text in the document using CSS attributes like font, font-family, font-size, and colour since this tag was deleted in HTML5. Note − Not supported in HTML5 Syntax Following are the examples… Example: Instead using CSS (basefont is not supported by html5) In the following example we are using css style to allow basefont as it was alternative of it. DOCTYPE html> body ... Read More

How to create the tabbing order of an element in HTML?

Yaswanth Varma
Updated on 05-Sep-2022 12:24:36

5K+ Views

tabindex is a global attribute that enables an HTML element to get focused in a sequential keyboard order (usually using the TAB key of keyboard). In order to function in an accessible manner, it requires a value of 0, a negative number or a positive. The tabindex attribute can be applied to any of the html element. Syntax Following are the examples… Example In the following example we used base URL = https://www.tutorialspoint.com/index.htm to which all other relative links will treat as starting URL. DOCTYPE html> ... Read More

How to add an address element in HTML?

Yaswanth Varma
Updated on 02-Sep-2022 11:21:48

643 Views

The address tag in HTML identifies a person's or an organization's contact details. The address tag has several meanings when used in different places in an HTML page, such as, when it is used within the tag, it will display the document's contact information; and if it appears inside the tag, it stands in for the article's contact details. This tag will only take global attributes. These attributes belong to every element in the HTML document even though some elements won’t be affected with these. Syntax Address... Note − The address tag must always ... Read More

How to use inline CSS style for an element in HTML?

Yaswanth Varma
Updated on 02-Sep-2022 11:18:54

315 Views

Using inline CSS we can apply a distinct style to one HTML element at a time. This can be done using the style attribute. Inline CSS always overrides style properties determined in internal or external style sheets. Syntax Following are the examples… Example In the following example we are applying inline style defined within the style attribute of relevant element DOCTYPE html> Hello Everyone Welcome to Tutorialspoint On executing the above script the incline css get activated and applied to the elements in the text. Using JavaScript ... Read More

Create a shortcut key to activate an element in HTML

Yaswanth Varma
Updated on 02-Sep-2022 11:16:45

3K+ Views

We can design a keyboard shortcut to carry out certain actions, such clicking a link or button, for Displaying the Keyboard text. When defining the element, we may utilise the accesskey attribute to specify a keyboard shortcut for that control element. This attribute must contain at least one printable character, including the accented/other characters that can be inputted using a keyboard. However, different browsers use different ways to activate the accesskey on its platform − Windows Linux INTERNET EXPLORER Alt + key Alt + Shift + key N/A MOZILLA ... Read More

Using more than one CSS classes for an element in HTML

Yaswanth Varma
Updated on 02-Sep-2022 11:13:26

128 Views

To create CSS more quickly, we can give a single HTML element numerous classes and style each class separately. This method allows us to manage style application redundancy. We can apply the universal styles to many classes and the particular class-specific styles. Syntax Example In the following example we are using the style of class”Varma” to both of the paragraphs while the style of secondclass varma1 is applied to second paragraph. DOCTYPE html> .varma { font-size: larger; ... Read More

In JavaScript inheritance how to differentiate Object.create vs new?

Abhinanda Shri
Updated on 24-Jan-2020 10:16:54

106 Views

In the first example, you are just inheriting amitBaseClass prototype.function SomeClass() { } SomeClass.prototype = Object.create(amitBaseClass.prototype);In the second example, you are executing the constructor function. An instance of amitBaseClass is created and you are inheriting the who complete amitBaseClass object.function SomeClass () { } SomeClass.prototype = new amitBaseClass ();So, both are doing separate work.

How to perform Automated Unit Testing with JavaScript?

Chandu yadav
Updated on 24-Jun-2020 06:43:52

162 Views

To perform unit testing in JavaScript, use Unit.js. It is a cross-platform open-source unit testing framework.ExampleLet’s say the following in your test code −var example = ‘Welcome’; test.string(example) .isEqualTo(‘Welcome’);The function demo() displays a suit of tests, whereas demo1() is an individual test specification,demo('Welcome’, function() {    demo1('Welcome to the website', function() {       var example = ‘Welcome’;       test.string(example)       .isEqualTo(‘Welcome’);    }); });

How to use sockets in JavaScriptHTML?

Ankitha Reddy
Updated on 30-Jul-2019 22:30:22

163 Views

To use sockets, consider the WebSocket interface in JavaScript. This interface enables web applications to maintain bidirectional communications with server-side processes. To enable Web applications to maintain bidirectional communications with server-side processes, this specification introduces the WebSocket interface. Here are some of the methods to workaround with Web Sockets − socket = new WebSocket(url [, protocols ] ) Create a new socket using this, wherein parameters URL is a string for the connection and protocols is a string or array of string. socket . send( data ) The above is used to send data. Used to ... Read More

Advertisements