HTML for Beginners
Through the last few posts, I've found that quite alot of people are unfamiliar with the basics of HTML - hypertext mark-up language, which is the fundamental 'code' for what we 'see' as the internet.
2 posts down a person used the [img] [/img] tags, which are common in most forums for linking pictures. Unfortunately, blogger is based on basic HTML for inputting images, linking to another page, and text manipulation by way of bold, underline, strikethrough, and italics. Thus, I've decided to give you guys a list of basic tags that you can use if you like for you posts.
Text Linking
To draw a link from a particular site to a set text, you have to copy and paste the protocol address (http://www...) into a particular tag in the form of < a > and closed off with < /a >.
A good example would be as such for google:
< a href="http://www.google.co.nz"> Google New Zealand < /a >
Done properly = Google New Zealand
You should do well to remember there are no gaps between the "<" and ">" tags, besides the space betwen "a" and "href".
Image Linking
For linking a photo directly, you also have to copy and paste the protocol address into another set of tags in the form of < img > and < /img >.
An example to use, let's say, to be the picture of a Kiwi Bird. It will be as such:
< img src="http://img217.imageshack.us/img217/4378/kiwils7.jpg" >
Remember to take out the space just as above so the image will come out like so:
(keep the space between "img" and "src")
Text Manipulation
These I'm sure most people will be quite familiar with, if you're a forum-frequent; it is simply changing to format of the tag to suit the language. You do so by replacing what is normally "[" and "]" with "<" and ">".
< b > ... < /b > = Bold
< i > ... < /i > = Italics
< u > ... < /u > = Underline
< s > ... < /s > =Strikethrough
Anyhow, that's the very basics of what you can do with HTML in a blogging context, and I hoped that helped alot of people!
2 posts down a person used the [img] [/img] tags, which are common in most forums for linking pictures. Unfortunately, blogger is based on basic HTML for inputting images, linking to another page, and text manipulation by way of bold, underline, strikethrough, and italics. Thus, I've decided to give you guys a list of basic tags that you can use if you like for you posts.
Text Linking
To draw a link from a particular site to a set text, you have to copy and paste the protocol address (http://www...) into a particular tag in the form of < a > and closed off with < /a >.
A good example would be as such for google:
< a href="http://www.google.co.nz"> Google New Zealand < /a >
Done properly = Google New Zealand
You should do well to remember there are no gaps between the "<" and ">" tags, besides the space betwen "a" and "href".
Image Linking
For linking a photo directly, you also have to copy and paste the protocol address into another set of tags in the form of < img > and < /img >.
An example to use, let's say, to be the picture of a Kiwi Bird. It will be as such:
< img src="http://img217.imageshack.us/img217/4378/kiwils7.jpg" >
Remember to take out the space just as above so the image will come out like so:
(keep the space between "img" and "src")
Text Manipulation
These I'm sure most people will be quite familiar with, if you're a forum-frequent; it is simply changing to format of the tag to suit the language. You do so by replacing what is normally "[" and "]" with "<" and ">".
< b > ... < /b > = Bold
< i > ... < /i > = Italics
< u > ... < /u > = Underline
< s > ... < /s > =
Anyhow, that's the very basics of what you can do with HTML in a blogging context, and I hoped that helped alot of people!
posted by Unknown at 1:38 PM
2 Comments:
Thanks Yuhan... the gift economy at work! The only thing I'd point out is that most of the basic functions you mention can be done using the Blogger buttons at the top of the window you're writing your post into which saves you writing the HTML out manually. (Doesn't work for comments, unfortunately.) Also a word of caution: please be careful if you're writing in your own HTML tags. Occasionally some bad HTML (e.g. a forgotten closing tag) can send the entire blog into madness, woe and misery. Cheers, L.
:D
Yep! The text/image link have their own little buttons that you can use. If you hover over each one a little caption should pop up detailing what they do.
Also, if you're doing a blog post the keyboard shortcuts for Microsoft Word works as well, such as "Ctrl+B" = Bold, "Ctrl+I" = Italics, so on and so forth.
Post a Comment
<< Home