lesson 2 of html
In this post ypu are learning in this about thml
on 5: More on Formatting your Text Hey! We're really getting somewhere! By now i'll bet that you've got a very informative page with a beautiful link to someplace (this site? please?! awww....) on it. That's great, but i'll bet you're hungry to make it look even more beautiful than it already is (or maybe your boss demands it!). Well, read on!
Do you like your name to stand out on your pages? I do! On every page i make sure that little v is in boldface. How did I do this? HTML has some special tags that allow us to change the way our text is shown. The one i just used is the <B> or boldface tag. You can also make text in italics with the <I> or italics tag. Similarly, you can underline text with the <U> or underline tag. These tags need both an opening tag and a closing tag, so the format is <I, B, or U>text to be formatted</I, B, or U>.
In addition to these regulerformatting tags, theres lots of special formatting tags. Heres a list of them
Special formatting tags
<SMALL> - Small text
<BIG> - Big text
<SUPER> - Superscript
<SUB> - Subscript
<STRIKE> - Strikethrough text (text with a line through it)
<TT> - Monospaced (typewriter style) text
<PRE> - Preserves all format and line breaks in source HTML
Yep, text formatting is great! Now here's how to align your text.
When you align your text, it lines up with that portion of the window. So left aligned text (the default)is lined up with the left side of the window just like using a word processor and clicking the left align button.
However, there is no align tag. What HTML has is what's called an attribute. An attribute is an argument that is put into a tag to change the way that tag works. The align attribute can be put into many different tags to format paragraphs, or blocks of text (pictures too-more on this later). So if we wanted to make a paragraph aligned to the center of our window, we'd just add the align attribute to the <P> tag at the beginning of that paragraph. So it would look like this:
<P ALIGN="center">
Hi, this paragraph is aligned to the center. This was accomplished by using the align attribute.
And here's how it would show up in the browser window:
Hi, this paragraph is aligned to the center. This was accomplished by using the align attribute.
There is also a way to format whole blocks of text. The way we do this is by using the <DIV>, or division tag. The division tag really does'nt do anything without the align attribute. In fact, it's useless with no attributes!
The <DIV> tag is used like this:
<DIV ALIGN="left">
This is the text to be left aligned. <P> I can align lots of text with the division tag!
</DIV>
If we put this into our web page, it shows up in a browser like this:
This is the text to be left aligned.
I can align lots of text with the division tag!
The align tag can also be used in headers. If you want your header to be eye catching, align="center" it!
All this stuff is great, but i bet you're worrying about the small margin space in your pages. Well, that can be fixed with one easy tag: the <BLOCKQUOTE> tag! Simply put a <BLOCKQUOTE> right under that <BODY> tag, and a </BLOCKQUOTE> right above the </BODY>, and you'll have beautiful margins in your page with minimal work!
Now you should be an expert in text format and alignment. Take a few minute to absorb what you've just learned, and surf to the
Lesson 6: Working with fronts
Yeah, HTML is good. We've gotten pretty deep into text control, but there's still more ahead so let's trudge on.
We can control the font in HTML using, what else, the <FONT> tag! We can use the <FONT> tag to control size using the SIZE attribute. The SIZE attribute is used like this:
<FONT SIZE="x">
This text font size x.
</FONT>
Where x is a number, from 1 to 7. The size that the formatted text is depends on the viewers preference settings and screen resolution. Generally though, 1 is really small and 7 is really big. Just in case you're curious, the default font size is 3. There is also a tag called the <BASEFONT> tag, which only can take the SIZE attibute, bute is made to change the size of the text on the entire page.
We can also add color to our text using the <FONT> tag. Color is added to text using, duh, the COLOR attribute to the <FONT> tag. We use the COLOR attribute the same way as the SIZE attribute:
<FONT SIZE="4" COLOR="blue">
This is colorful text in font size 4!
</FONT>
To our page's viewers, it would look like this:
This is colorful text in font size 4!
The COLOR attribute can use these standard colors: black, white, green, red, yellow, blue, aqua, fuchsia, gray, lime, maroon, purple, navy, olive, silver or teal. What? You need more control? Then I suggest you learn the hexadecimal color codes. Hex color codes are used like this:
<FONT COLOR="#0033FF">
This text is purple.
</FONT>
For more information on Hex color codes, I suggest you try this site.
The last attribute to <FONT> we'll learn in this lesson is FACE. By defining a font's face, you can control the appearance of that font. The FACE attribute is used like this:
<FONT FACE="arial" size="5" color="blue">
This text is a stunning arial size 5 in blue!
</FONT>
To the viewer, it would look like this:
This text is a stunning arir.l size 5 in blue!
Yes, this is great, but there's a catch: for the viewer to see this font change he needs to have the font on his computer. How does it get there? Different computer's come with different font's installed. For example, the Arial font is used on PCs, but Macs use a similar font called Helvetica. We can get around this by asking for backup choices in our FACE attribute. This is done like this:
<FONT FACE="arial,helvetica">
This text is either Arial or Helvetica.
</FONT> This will show up as arial on computers that have arial installed, or helvetica if they do'nt have arial but do have helvetica. If they do'nt have either, the font does'nt change. However, you can specify as many back up choices as you want.
Yeah, simple text is great, but what if we need to put some special characters into our page? Well, once again HTML to the rescue! The format for this is & followed by the Numeric Code of the special character, or the mnemonic entity of that character, followed by a ;. Here's a list of the important special characters:
CharacterNumeric CodeMnemonic EntityCharacter Name
"#34quotQuotation mark
&ampAmpersand
<#60ltLess Than sign
>#62gtGreater Than sign
¢#162centCent sign
£#163poundPound sterling
¦#166brkbarBroken Vertical bar
§#167sectSection sign
©#169copyCopyright
®#174regRegistered trademark
°#176degDegree sign
±#177plusmnPositive or Negative
²#178sup2Superscript two
³#179sup3Superscript three
·#183middotMiddle dot
¹#185sup1Superscript one
¼#188frac14Fraction one-fourth
½#189frac12Fraction one-half
¾#190frac34Fraction three-fourths
Æ#198AEligCapital AE ligatureliga
<BODY BGCOLOR="color or hex number code">
For more plze see my next post 📪
good bye
TThanks
Its to our frend who did no about this knowledge
on 5: More on Formatting your Text Hey! We're really getting somewhere! By now i'll bet that you've got a very informative page with a beautiful link to someplace (this site? please?! awww....) on it. That's great, but i'll bet you're hungry to make it look even more beautiful than it already is (or maybe your boss demands it!). Well, read on!
Do you like your name to stand out on your pages? I do! On every page i make sure that little v is in boldface. How did I do this? HTML has some special tags that allow us to change the way our text is shown. The one i just used is the <B> or boldface tag. You can also make text in italics with the <I> or italics tag. Similarly, you can underline text with the <U> or underline tag. These tags need both an opening tag and a closing tag, so the format is <I, B, or U>text to be formatted</I, B, or U>.
In addition to these regulerformatting tags, theres lots of special formatting tags. Heres a list of them
Special formatting tags
<SMALL> - Small text
<BIG> - Big text
<SUPER> - Superscript
<SUB> - Subscript
<STRIKE> - Strikethrough text (text with a line through it)
<TT> - Monospaced (typewriter style) text
<PRE> - Preserves all format and line breaks in source HTML
Yep, text formatting is great! Now here's how to align your text.
When you align your text, it lines up with that portion of the window. So left aligned text (the default)is lined up with the left side of the window just like using a word processor and clicking the left align button.
However, there is no align tag. What HTML has is what's called an attribute. An attribute is an argument that is put into a tag to change the way that tag works. The align attribute can be put into many different tags to format paragraphs, or blocks of text (pictures too-more on this later). So if we wanted to make a paragraph aligned to the center of our window, we'd just add the align attribute to the <P> tag at the beginning of that paragraph. So it would look like this:
<P ALIGN="center">
Hi, this paragraph is aligned to the center. This was accomplished by using the align attribute.
And here's how it would show up in the browser window:
Hi, this paragraph is aligned to the center. This was accomplished by using the align attribute.
There is also a way to format whole blocks of text. The way we do this is by using the <DIV>, or division tag. The division tag really does'nt do anything without the align attribute. In fact, it's useless with no attributes!
The <DIV> tag is used like this:
<DIV ALIGN="left">
This is the text to be left aligned. <P> I can align lots of text with the division tag!
</DIV>
If we put this into our web page, it shows up in a browser like this:
This is the text to be left aligned.
I can align lots of text with the division tag!
The align tag can also be used in headers. If you want your header to be eye catching, align="center" it!
All this stuff is great, but i bet you're worrying about the small margin space in your pages. Well, that can be fixed with one easy tag: the <BLOCKQUOTE> tag! Simply put a <BLOCKQUOTE> right under that <BODY> tag, and a </BLOCKQUOTE> right above the </BODY>, and you'll have beautiful margins in your page with minimal work!
Now you should be an expert in text format and alignment. Take a few minute to absorb what you've just learned, and surf to the
Lesson 6: Working with fronts
Yeah, HTML is good. We've gotten pretty deep into text control, but there's still more ahead so let's trudge on.
We can control the font in HTML using, what else, the <FONT> tag! We can use the <FONT> tag to control size using the SIZE attribute. The SIZE attribute is used like this:
<FONT SIZE="x">
This text font size x.
</FONT>
Where x is a number, from 1 to 7. The size that the formatted text is depends on the viewers preference settings and screen resolution. Generally though, 1 is really small and 7 is really big. Just in case you're curious, the default font size is 3. There is also a tag called the <BASEFONT> tag, which only can take the SIZE attibute, bute is made to change the size of the text on the entire page.
We can also add color to our text using the <FONT> tag. Color is added to text using, duh, the COLOR attribute to the <FONT> tag. We use the COLOR attribute the same way as the SIZE attribute:
<FONT SIZE="4" COLOR="blue">
This is colorful text in font size 4!
</FONT>
To our page's viewers, it would look like this:
This is colorful text in font size 4!
The COLOR attribute can use these standard colors: black, white, green, red, yellow, blue, aqua, fuchsia, gray, lime, maroon, purple, navy, olive, silver or teal. What? You need more control? Then I suggest you learn the hexadecimal color codes. Hex color codes are used like this:
<FONT COLOR="#0033FF">
This text is purple.
</FONT>
For more information on Hex color codes, I suggest you try this site.
The last attribute to <FONT> we'll learn in this lesson is FACE. By defining a font's face, you can control the appearance of that font. The FACE attribute is used like this:
<FONT FACE="arial" size="5" color="blue">
This text is a stunning arial size 5 in blue!
</FONT>
To the viewer, it would look like this:
This text is a stunning arir.l size 5 in blue!
Yes, this is great, but there's a catch: for the viewer to see this font change he needs to have the font on his computer. How does it get there? Different computer's come with different font's installed. For example, the Arial font is used on PCs, but Macs use a similar font called Helvetica. We can get around this by asking for backup choices in our FACE attribute. This is done like this:
<FONT FACE="arial,helvetica">
This text is either Arial or Helvetica.
</FONT> This will show up as arial on computers that have arial installed, or helvetica if they do'nt have arial but do have helvetica. If they do'nt have either, the font does'nt change. However, you can specify as many back up choices as you want.
Yeah, simple text is great, but what if we need to put some special characters into our page? Well, once again HTML to the rescue! The format for this is & followed by the Numeric Code of the special character, or the mnemonic entity of that character, followed by a ;. Here's a list of the important special characters:
CharacterNumeric CodeMnemonic EntityCharacter Name
"#34quotQuotation mark
&ampAmpersand
<#60ltLess Than sign
>#62gtGreater Than sign
¢#162centCent sign
£#163poundPound sterling
¦#166brkbarBroken Vertical bar
§#167sectSection sign
©#169copyCopyright
®#174regRegistered trademark
°#176degDegree sign
±#177plusmnPositive or Negative
²#178sup2Superscript two
³#179sup3Superscript three
·#183middotMiddle dot
¹#185sup1Superscript one
¼#188frac14Fraction one-fourth
½#189frac12Fraction one-half
¾#190frac34Fraction three-fourths
Æ#198AEligCapital AE ligatureliga
<BODY BGCOLOR="color or hex number code">
For more plze see my next post 📪
good bye
TThanks
Its to our frend who did no about this knowledge
Comments
Post a Comment