HTML Text Formatiing

 

HTML Tags:

An HTML document consist of its basic building blocks which are:

Tags: An HTML tag surrounds the content and apply meaning to it. It is written between < and > brackets.

Attribute: An attribute in HTML provides extra information about the element, and it is applied within the start tag. An HTML attribute contains two fields: name & value.

Syntax

<tag name  attribute_name= " attr_value"> content </ tag name>

Elements: An HTML element is an individual component of an HTML file. In an HTML file, everything written within tags are termed as HTML elements.


Text formatting:

HTML contains several elements for defining text with a special meaning.

Formatting elements were designed to display special types of text:

·         <b> - Bold text

Ex: <b>This text is bold</b>

·         <strong> - Important, text

 Ex: <strong>This text is important!</strong>

·         <i> - Italic text

Ex: <i>This text is italic</i>

·         <em> - Emphasized text

Ex: <em>This text is emphasized</em>

·         <mark> - Marked/Highlighted text,

   Ex: <p>Hardwork is <mark>Key</mark> to Succes.</p>

·         <small> - Smaller text

Ex: <small>This is some smaller text.</small>

·         <del> - Deleted text in document(usually striked)

Ex: <p>My favorite color is <del>blue</del> red.</p>

·         <ins> - Inserted text(usually underlined)

Ex: <p>My favorite color is <del>blue</del> <ins>red</ins>.</p>

·         <sub> - Subscript text

Ex: <p>This is <sub>subscripted</sub> text.</p>

·         <sup> - Superscript text

Ex: <p>This is <sup>superscripted</sup> text.</p>

Comment Tags: Comments are not displayed by the browser, but they can help document your HTML source code. We can add comments to your HTML source by using the following syntax:

<!-- Write your comments here -->

With comments you can place notifications and reminders in your HTML code:

Example

<!-- This is a comment -->

<p>This is a paragraph.</p>

<!-- Remember to add more information here -->

Comments are also great for debugging HTML, because you can comment out HTML lines of code, one at a time, to search for errors:

Example

<!-- Do not display this image at the moment
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->

Comments

Post a Comment

Popular posts from this blog

DBMS - Program 6 - Insurance Database

Image
  6. INSURANCE DATABASE Consider the Insurance database given below. The primary keys are underlined and the data types are specified. PERSON (Driverld: text; Name: text; Address: text) CAR (RegNo: text; Model: text; Year: number) OWNS (DriverId: text; RegNo: text) ACCIDENT (ReportNo: number, AccDate: Date; Location: text) PARTICIPATED (DriverId; text; RegNo: text; ReportNo; number, Dmg_Amt:number (10, 2)) a)   Create the above tables by specifying the primary and foreign keys. b) Enter at least five tuples for each relation c)   Update the damage amount for each car accident. d) Add a new accident to the database. e)   Find the total number of people who owned cars that were involved in accidents in the                                                                                              year 2002. f)   Find the number of accidents in which cars belonging to a specific model were involved. g) Display the owners and their car deta ils.   Cre
Read more

Types of Addressing modes

Image
  Implied / Implicit Addressing Mode Stack Addressing Mode Immediate Addressing Mode Direct Addressing Mode Indirect Addressing Mode Register Direct Addressing Mode Register Indirect Addressing Mode Relative Addressing Mode Indexed Addressing Mode Base Register Addressing Mode Auto-Increment Addressing Mode Auto-Decrement Addressing Mode 1. Implied Addressing Mode-   In this addressing mode, The definition of the instruction itself specify the operands implicitly. It is also called as  implicit addressing mode .   Examples-   The instruction “Complement Accumulator” is an implied mode instruction. In a stack organized computer, Zero Address Instructions are implied mode instructions. (since operands are always implied to be present on the top of the stack)   2. Stack Addressing Mode-   In this addressing mode, The operand is contained at the top of the stack.   Example-   ADD This instruction simply pops out two symbols contained at the top of the stack. The addition of those two opera
Read more

Java - Swing

  Swing  is a Java Foundation Classes JFC] library and an extension of the Abstract Window Toolkit [AWT]. Swing offers much-improved functionality over AWT, new components, expanded components features, excellent event handling with drag and drop support. Introduction of Java Swing Swing has about four times the number of User Interface [U1] components as AWT and is part of the standard Java distribution. By today’s application GUI requirements, AWT is a limited implementation, not quite capable of providing the components required for developing complex GUI’s required in modern commercial applications. The AWT component set has quite a few bugs and really does take up a lot of system resources when compared to equivalent Swing resources. Netscape introduced its Internet Foundation Classes [IFC] library for use with Java. Its Classes became very popular with programmers creating GUI’s for commercial applications. Swing is a Set Of API ( API- Set Of Classes and Interfaces ) Swing is Pro
Read more