How to set smaller text using HTML?

How to make a text italic using JavaScript ?

Last Updated : 25 Jul, 2024

Javascript provides various methods to modify the text according to our need. In this article, we are going to see how we can make the text italics in javascript.

string.italics( ) is the method use to make the text italics. Basically, italics text are created by using the <i> </i> tag in the html. So, the string.italics( ) method creates an HTML element consisting of <i> </i> tag.

Syntax:

string.italics()

Here, "string" is the name of the variable.

Parameter:

This method doesn't take any parameters.

Return Value:

This method returns a String that is embedded in an <i> element.

Example:

HTML

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Italics Example</title>
</head>
  
<body>
    <h1>How to use italics() in Javascript</h1>
    <p id="original-text">Geeks for geeks</p>
    <p id="italic-text"></p>

    <script>
        // Original string
        let originalString = "Geeks for geeks";

        // Apply italics() method to italicize the string
        let italicString = originalString.italics();

        // Display the italicized string in the HTML
        document.getElementById("italic-text").innerHTML = italicString;
    </script>
</body>
  
</html>

Output:

Screenshot-2024-07-24-190956 — Use of italics( )

How to set smaller text using HTML?

D

darksiderrohan

Improve

Article Tags :

Similar Reads

How to Change Text Inside all HTML Tags using JavaScript ?

In this article, we will learn how to change the text content inside all HTML tags using JavaScript. This skill is valuable when you need to dynamically modify the text displayed on a web page. which can be useful for various scenarios like updating content, internationalization, or creating dynamic

How to change the text of a label using JavaScript ?

Changing the text of a label using JavaScript involves selecting the label element and updating its textContent or innerHTML property. This allows you to modify the displayed text dynamically, often in response to user interactions or changes in data, enhancing interactivity and responsiveness.Below

How to set smaller text using HTML?

To create smaller text in HTML5, use the <small> tag. This element is designed specifically to reduce font size, providing a straightforward method to display text in a smaller font within web documents.Syntax:<small> Content... </small>Example:Â The following is the explanation of

How to process each letter of text using JavaScript ?

Given a string and the task is to process it character by character. JavaScript String toUpperCase() Method: This method converts a string to uppercase letters. Syntax: string.toUpperCase()Parameters: This method accepts single parameter str which is required. It specifies the string to be searched.

How to align text content into center using JavaScript ?

In this article, we will align the text content into the center by using JavaScript. We use HTML DOM style textAlign property to set the alignment of text. The DOM style textAlign property is pretty much similar to the text-align property in the CSS, and the Dom textAlign property returns the horizo

How to Create a Style Tag using JavaScript?

To create a <style> tag using JavaScript, use the document.createElement() method to create the tag, which allows you to dynamically add elements to the DOM.Syntaxdocument.createElement('style')Example 1: This HTML code dynamically styles a <div> element with a green background and white

How to Define Superscripted Text using HTML?

Superscript text is used for footnotes, mathematical exponents, and other notations. To define superscripted text in HTML5, use the <sup> tag. This tag adds superscript text to your HTML document, displaying it half a character above the normal line and often in a smaller font. Syntax<sup

Self-Typing Text Effect using CSS & JavaScript

Self-Typing Text Effect is a type of effect in which all the alphabets of the text are revealed one by one, one after the other to give the look and feel of being typed on the screen by themselves. Even though this is a basic text effect, it is still eye-capturing and effective animation. This anima

How to change font-weight of a text using JavaScript ?

In this article, we will set the font-weight of a text dynamically using JavaScript. Ti change the font weight dynamically, we use HTML DOM Style fontWeight property. Syntax: object.style.fontWeight = "value" Property Values: normal: The font weight is the default value.lighter: The font weight is t

How to Underline Text of a Div Element in JavaScript ?

Underlining text of a div can help to emphasize certain words or phrases and make them stand out from the rest of the content on the page. To underline text in a div element using JavaScript, you can use the style property of div to text-decoration. Text Decoration: The text-decoration property is u