Learn HTML, Javascript, and C++

Lesson 2

This lesson shows you all the ways you can use and manipulate the text in your website.

Lets check out some code:

Now well break it up for you.

This bit of code shows us the tag and end tag. Inbetween these two tags will be the text you are writing. The stands for paragraph and is used when you are going to start writing text to be seen on your website. It can be quite useful if you are tired of using break to create spaces between your writing. After you are done writing and use the end tag , it will drop you 2 lines down (like if you used 2 BREAK tags) creating a space between your writing. I recommend using it for the sheer organization of your website and it is used in more complicated text enhancement.

Now we have the tag and end tag. These italisize anything inbetween them.

Now we have the tag and end tag. These underline anything inbetween them.

Now we have the tag and end tag. These bold anything inbetween them.

And finally we have the tag with attribute size="5". Put them together and you get an attributed tag, . Put whatever size you want your text inbetween the quotes after size=, in this case it is 5. And then you write your text after the tag and finish with the end tag to clarify you are done making the text size of 5.

Those are the basics of text enhancement, let me show you some other bits of code. Each of these would be between the tags <BODY> and </BODY> like the previous ones.

Here is some more ways to give your text some effect:

<s> Jester </s>

This is the strike tag and ~~strikes~~ through your text.

<big> Jester </big>

This is the BIG tag and it makes your text BIG.

Jester

This is the small tag and it makes your text, small.

<TT> Jester </TT>

This is the TeleType tag, and it makes your text look, TeleType.

Now here are 2 fun tags id like to show you:

Jester

This is the subscript tag, it makes your text look a _submarine.

Jester

This is the superscript, it makes your text look like ^superman flying way up in the sky.

Now we are almost done with this lesson, except i said that we used paragraph tags earlier in complex texting code, well here is an example of that.

Jester

This would make Jester look like this:

Jester

As you can see we use the paragraph tag but add on an attribute, style. Then we tag on the font-size and give it 150% bigger than the original text, you can also make it 50% or whatever % you would like.

Another way to write this, but make it stand out is:

Jester

This would give Jester a look like this:

Jester

The only thing new here is the strong tag, it can be used seperately as well, . This pretty much does exactly the same thing as bold.

That is it for Lesson 2 of manipulating text, please head on over to the rest of the lessons and get a brain full.