Advanced Text

< Zurück Weiter >

08 Juli

Text Effects

Time to learn how to edit font a bit more. There are many different variables you can add to a text coding to edit the style of your writing, below is a list of what is available, how to use it, and what the effect will be:

<i> and </i>,
this makes your text Italic
<u> and </u>,
this makes your text Underlined
<b> and </b>,
this makes your text Bold
<strike> and </strike>,
~~this makes your text Have a strike through it~~
<center> and </center>,
this makes your text Centered
~~You can also combine these effects~~

Headings

Built into HTML are heading settings, this allows you to quickly edit the size of the text you are working on, see below for more information:

<h1> and </h1>, produce the

LARGEST HEADING
<h2> and </h2>, produce a

LARGE HEADING
<h3> and </h3>, produce a

BIG HEADING
<h4> and </h4>, produce an

AVERAGE HEADING
<h5> and </h5>, produce a

SMALL HEADING
<h6> and </h6>, produce the

SMALLEST HEADING

The <br> tag

The <br> tag allows you to create a new line (you do not need to use </br>, for the tag becuase IE (Internet Explorer) automatically detects the end and start of new lines), for example HI<br>HI will produce:
HI
HI

There is also the option for <nobr> (this required a </nobr> at the end of the text), where <nobr>HI
HI
HI</nobr>, will produce HI HI HI

Paragraphs

If, in your writing, you use paragraphs a lot, the the <p> and </p> function will be useful. It allows you to tell IE that all the writing within the tags are a paragraph, and, the text in the next tags are another paragraph, for example:
<p>HI</p>
<p>THERE</p>, will produce:

THERE

Other Tags

There are many other characters that can be used on computers, but to use them in HTML you need to know certain tags, below is a list of some extra characters I know of:

To produce 1₁, then just use these tags <sub> and </sub>
To produce 1¹, then just use these tags <sup> and </sup>

Above I mention the <br> tag, it is used to create new lines, however, if you wish to display the same text layout as you type it into your text editor (in most cases notepad), then use the tags <pre> and </pre>, an example is:

<pre>
HI
         THERE
     HOW
             ARE
                    YOU?
</pre>

produces:

HI
         THERE
     HOW
             ARE
                    YOU?

Special Characters

There are many 'special' characters in HTML, an example is <, if you just type this in HTML it thinks you are declaring a tag, and your Internet Explorer will get confused. In such cases you need special codes to display a character, below is a list:

CHARACTER	CODE
#A SPACE#
"	"
<	<
>	>
&	&
©	©
®	®
¢	¢
°	°
²	²
»	»
«	«
¼	¼
½	½
¾	¾
±	±
ü	ü
Ø	Ø
¡	¡
ñ	ñ

Wrapping Text

If you want to wrap text around an image then this method can be used:

Type your first line of text
Put an image into your coding e.g. <img src="imagename" align=left>, the align=left can be left, center or right to get the desired effect.
Add a few more lines of text, seperating them with <br> tags.

An example is:

THIS IS MY WONDERFUL PICTURE<br>
<img src="imagename" align=left>
I CAN WRAP TEXT<br>
AROUND MY PICTURE<br>
AND NOW, SO CAN YOU<br>

This would produce:

THIS IS MY WONDERFUL PICTURE

I CAN WRAP TEXT
AROUND MY PICTURE
AND NOW, SO CAN YOU

Thats the lot for now, if I find anything else out new about editing text I will post it ASAP.

19:01 | In Blog aufnehmen | Beginner

Kommentare (3)

Melden Sie sich zum Hinzufügen eines Kommentars mit Ihrer Windows Live ID an (wenn Sie Hotmail, Messenger oder Xbox LIVE verwenden, besitzen Sie eine Windows Live ID). Anmelden

Sie haben noch keine Windows Live ID? Registrieren

	EDHUNTERUK schrieb: good site,think i shall be visiting a lot,do you know how to put animated text?? i want to put it where it says ed's world, trying to put flaming text in colour and animated but not having much luck. 22 Juli
	Robert Drage schrieb: Hi great web page, learnt lots by reading your page :-) Do you know any Java Script by chance, I am in the middle of an exam and it involes some basic Java (can you help) all the best Robert 9 Juli
	crazymooncat schrieb: Great .....I will be back 8 Juli

Trackbacks

Die Trackback-URL für diesen Eintrag ist:

http://keepthechange123.spaces.live.com/blog/cns!F6A299334D3EAB8D!115.trak

Weblogs, die sich auf diesen Eintrag beziehen

Keine

Blog

Advanced Text

LARGEST HEADING

LARGE HEADING

BIG HEADING

AVERAGE HEADING

SMALL HEADING

SMALLEST HEADING

Kommentare (3)

Trackbacks