Scribd
Upload
152 views4 pages

HTML Text Formatting Techniques

This document discusses HTML text formatting tags. It provides examples of common text formatting tags like <b> for bold, <i> for italics, <u> for underline, and <font> for font face and color. It explains that tags can be nested, like enclosing one tag within another. The document recommends keeping HTML tags neat and consistent to make troubleshooting errors easier. It concludes with an activity asking the reader to apply additional formatting to example HTML files.

Uploaded by

LoiDa Flores
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
152 views4 pages

HTML Text Formatting Techniques

This document discusses HTML text formatting tags. It provides examples of common text formatting tags like <b> for bold, <i> for italics, <u> for underline, and <font> for font face and color. It explains that tags can be nested, like enclosing one tag within another. The document recommends keeping HTML tags neat and consistent to make troubleshooting errors easier. It concludes with an activity asking the reader to apply additional formatting to example HTML files.

Uploaded by

LoiDa Flores
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
  • HTML Text Formatting
  • HTML Text Styles Continued
  • HTML Text Styles and Sizes
  • Additional HTML Attributes and Activity

Internet Publishing CSC 2 LFH

HTML text formatting


Learning Objectives

 To know how to format text using HTML tags


 To be aware of how to properly combine (or nest) tags

Conveying a message is only half of the art of creating HTML documents. One should also consider the
aesthetics of the document so that if the document will be launched in the internet for public access,
readers will be more enticed to view the document. Designing the look and feel of the page starts with
the mastery of the Text Formatting Tags. The following are the most common used for formatting text in
HTML documents.

FONT – (Deprecated) formants the text to an assigned fort and color.

Attributes:

Face – defines the font to be used


Color – defines the color
Size – defines the size (range 1-7)
Example: This contains <font face = “Times New Roman” color = “blue”> set font </font>

Output:

BOLD – formats the text to bold


Example: This contains <b> bold </b> Text
Output:
Internet Publishing CSC 2 LFH

ITALIC – formats the text to italics


Example: This contains <i> Italics</i> Text
Output:

UNDERLINE- (Deprecated) formats the next with underline


Example: This contains <u> underlined </u> text
Output:

STRIKETHROUGH- (Deprecated) formats the next with strikethrough


Example: This contains <strike> strikethrough </strike> text
Output:

SUPERSCRIPT- formats the text with superscript


Example: This contains <sup> superscripted </sub> text
Output:
Internet Publishing CSC 2 LFH

SUBSCRIPT- formats the text with subscript


Example: This contains <sub> subscripted </sub> text
Output:

EMPHASIZE- emphasizes text


Example: This contains <em> emphasized </em> text
Output:

BIG- defines big text – an increase in font size


Example: This contains <big> big </big> text
Output:

SMALL- defines small text- a decrease in font size


Example: This contains <small> small </small> text
Output:
Internet Publishing CSC 2 LFH

STRONG- defines strong text: bold-like attributed


Example: This contains < strong > strong </strong> text
Output:

BDO- defines the direction of text display: left ->right or right > text
Example: This contains <bdo dir=”rtl”> 12345 </bdo> text
Output:

*Deprecated – not recommended for use. Tag is being phased-out. An alternative way of defining the
said attribute is recommended (Cascading Style Sheets).

NESTING TAGS
To combine the effects of one type of tag with another, simply enclose the container tag in
another container tag.

REMEMBER:
The tags should be consistent in its structure. Make sure that all levels of the nest are properly arranged.
Though it will not necessarily result to an error in display, it is best to keep the HTML tags neat so when
something goes wrong, the problem can be easily traced.

ACTIVITY:

1. Open [Link], [Link], and [Link]


2. Apply Additional formatting on the next of the file
3. Highlight the title and the first letter of the paragraphs
4. Change Fonts if necessary

Common questions

Powered by AI

Nesting HTML tags can enhance the aesthetics of a webpage by combining multiple formatting styles, such as bold and italics, to create visually diverse and appealing content. To maintain code readability, tags should be consistently structured and properly nested to avoid confusion. This organization helps trace and resolve potential issues more easily, especially in complex documents .

The <strong> and <em> tags provide semantic meaning to emphasize the importance or stress on text, making it more accessible as they convey significance to screen readers. In contrast, <b> and <i> offer mere stylistic changes without signifying importance or emphasis, which may limit accessibility for visually impaired users who rely on screen readers .

Text directionality is crucial for displaying content in languages that read from right to left or in instances where directionality needs to be controlled, such as with bi-directional text. The <bdo> tag (bidirectional override) can be applied effectively to specify the flow of text, allowing developers to control whether the text should be displayed left-to-right (ltr) or right-to-left (rtl). This control is essential for correctly displaying numbers or mixed-language text .

HTML text formatting plays a significant role in web design by affecting its aesthetic appeal and influencing user engagement. Proper formatting can highlight important content, improve readability, and make a page visually appealing, thus enticing users to engage more thoroughly with the content. Aesthetic elements such as emphasis, boldness, and italics draw the reader's attention to key information and can guide them through the text logically .

The educational objectives of learning HTML text formatting include acquiring the ability to format text using appropriate tags and understanding how to nest tags effectively. Mastery of these skills enables one to create visually appealing web documents, which is crucial for internet publishing as it enhances user engagement and improves readability, ensuring that messages are conveyed clearly and attractively .

When using <big> and <small> tags, developers should ensure that text remains accessible and legible at various scales to prevent it from becoming too large or too small for comfortable reading. It's also important to consider fallback options or CSS media queries to adjust sizes for different devices to maintain usability across screen sizes .

Consistent formatting of HTML tags enhances user experience by providing a coherent and professional appearance across a webpage, ensuring that content is predictable and familiar. For developers, maintaining consistent tag formats increases efficiency in debugging and updating code, as it allows for easier identification and resolution of errors, leading to more maintainable and scalable web documents .

Maintaining neat and structured HTML code when combining multiple tags is critical for readability, ease of maintenance, and error minimization. Consistent and well-organized tag structures make it easier for developers to understand, debug, and update code, reducing the likelihood of errors in the display of content. This neatness helps in troubleshooting when issues arise, facilitating quicker identification and resolution .

Using deprecated HTML tags such as <font>, <u> (underline), and <strike> can lead to compatibility issues in modern web development. Browsers may eventually stop supporting these tags, causing inconsistent rendering across different platforms. It is recommended to use Cascading Style Sheets (CSS) as an alternative for styling, which provides more control and flexibility over text appearance while ensuring future compatibility .

The <sup> and <sub> tags are essential for accurately representing mathematical expressions, chemical formulas, or other technical notations requiring subscripts or superscripts. This precision ensures that documents retain clarity and meaning, particularly in scientific or mathematical contexts where proper representation of details like formulas and footnotes is crucial .

Internet Publishing CSC 2 LFH HTML text formatting Learning Objectives  To know how to format text using HTML tags  To be a
Internet Publishing CSC 2 LFH ITALIC – formats the text to italics Example: This contains <i> Italics</i> Text Output: UNDER
Internet Publishing CSC 2 LFH SUBSCRIPT- formats the text with subscript Example: This contains <sub> subscripted </sub> text
Internet Publishing CSC 2 LFH STRONG- defines strong text: bold-like attributed Example: This contains < strong > strong </st

You might also like