Found 8591 Articles for Front End Technology

How to center text in HTML?

Srinivas Gorla
Updated on 31-Aug-2023 01:55:04

144K+ Views

The text in an HTML document can be horizontally centred by using the HTML tag. Since HTML5 did away with this tag, it is advised that you format the document's text horizontally instead by using the CSS text-align property. The element is another name for this tag. Note − Not supported in HTML5 Syntax ... Following are the examples… Example In the following example we are using tag to make our text aligned to the center. DOCTYPE html> Welcome to TutorialsPoint ... Read More

How to specify whether the element is to have its spelling and grammar checked or not in HTML?

Yaswanth Varma
Updated on 05-Sep-2022 12:30:10

421 Views

Grammar and spelling errors in text fields can be found using the HTML spell check tool. Using the spellcheck property, the spell check capability may be added to HTML forms. The spellcheck attribute is an enumerated attribute that specifies whether or not the HTML element will be checked for mistakes. It is compatible with HTML's "input" and "textarea" fields. Syntax Following are the syntax for including spell check in HTML − . . Following are the examples… Example: Spellcheck value =”true” In the following example we triggered the spellcheck attribute to “true” to enable spellcheck in ... Read More

How do we include big text in HTML?

Yaswanth Varma
Updated on 05-Sep-2022 12:28:04

759 Views

The HTML makes the enclosed content shown with a font size that is one level bigger than the text (medium becomes large, for example). The size is limited to the largest font size supported by the browser. Syntax Contents... Following are the examples… Example In the following example we are using html to make our text bigger. DOCTYPE html> Tutorialspoint welcome to tutorials the best e-way learning Output When the script is executed, the text "the best e-way learning" increases ... Read More

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

243 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

570 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

6K+ 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

1K+ 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

436 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

204 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

Advertisements