In your translations, you can add Hyper Text Markup Language tags or otherwise called HTML tags to format your translations if you wish. You certainly dont need to use these tags and 99% of the time I expect most people will want to simply translate with plain text. However, if you want to use HTML tags, the following is a quick reference for HTML tags
The most important tags in HTML are tags that define headings, paragraphs and line breaks.
Headings are defined with the <h1> to <h6> tags. <h1> defines the largest heading. <h6> defines the smallest heading.
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> |
HTML automatically adds an extra blank line before and after a heading.
Paragraphs are defined with the <p> tag.
<p>This is a paragraph</p> <p>This is another paragraph</p> |
HTML automatically adds an extra blank line before and after a paragraph.
An inline style should be used when a unique style is to be applied to a single occurrence of an element.
To use inline styles you use the style attribute in the relevant tag. The style attribute can contain any CSS property. The example shows how to change the color and the left margin of a paragraph:
<p style="color: red; margin-left: 20px"> This is a paragraph </p> |
Which looks like the following...
This is a paragraph
| Tag | Description |
|---|---|
| <b> | Defines bold text |
| <big> | Defines big text |
| <em> | Defines emphasized text |
| <i> | Defines italic text |
| <small> | Defines small text |
| <strong> | Defines strong text |
| <sub> | Defines subscripted text |
| <sup> | Defines superscripted text |
| <ins> | Defines inserted text |
| <del> | Defines deleted text |
| <s> | Deprecated. Use <del> instead |
| <strike> | Deprecated. Use <del> instead |
| <u> | Deprecated. Use styles instead |
| Tag | Description |
|---|---|
| <code> | Defines computer code text |
| <kbd> | Defines keyboard text |
| <samp> | Defines sample computer code |
| <tt> | Defines teletype text |
| <var> | Defines a variable |
| <pre> | Defines preformatted text |
| <listing> | Deprecated. Use <pre> instead |
| <plaintext> | Deprecated. Use <pre> instead |
| <xmp> | Deprecated. Use <pre> instead |
| Tag | Description |
|---|---|
| <abbr> | Defines an abbreviation |
| <acronym> | Defines an acronym |
| <address> | Defines an address element |
| <bdo> | Defines the text direction |
| <blockquote> | Defines a long quotation |
| <q> | Defines a short quotation |
| <cite> | Defines a citation |
| <dfn> | Defines a definition term |
An unordered list is a list of items. The list items are marked with bullets (typically small black circles).
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
<ul> <li>Coffee</li> <li>Milk</li> </ul> |
Here is how it looks in a browser:
Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.
An ordered list is also a list of items. The list items are marked with numbers.
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
<ol> <li>Coffee</li> <li>Milk</li> </ol> |
Here is how it looks in a browser:
Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.
A definition list is not a list of items. This is a list of terms and explanation of the terms.
A definition list starts with the <dl> tag. Each definition-list term starts with the <dt> tag. Each definition-list definition starts with the <dd> tag.
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> |
Here is how it looks in a browser:
Inside a definition-list definition (the <dd> tag) you can put paragraphs, line breaks, images, links, other lists, etc.