HyperText Markup Language is a great way to ramp up your website and a little knowledge will do no harm if you want to change something on your page.
Most web hosting services provide some type of software to allow you to design your site in a WYSIWYG format (what you see is what you get) which is great as you don’t need to know any special coding.
However, if you would like to be a little more adventurous HTML is what you need to know to give your site a little panache. HTML stands for Hyper Text Markup Language. It uses a set of markup tags to interpret the layout and style of a web page.
HTML markup tags are defined by angle brackets, for instance <html> and </html>. Any content that goes in between these two tags will be affected.
Fancy having a try? In the HTML window just type in the tag code then return to the WYSIWYG window to see the effect.
Here are a few codes to get you started.
|
Tag |
Type |
Example |
| <a href=”…”> </a> | Hyperlink | Creates a link to another page or site |
| <bgsound…> | Media | Adds background sound to a page |
| <blink> … </blink> | Text | Makes text flash on and off |
| <br> | Text | Breaks text without starting a new paragraph |
| <hr> | Text | Inserts a Horizontal rule |
| <img src=”…”> | Media | Embeds an image into the page |
| <li> … </li> | List | Lists items in an ordered or unordered list |
| <marquee>…</marquee> | Text | Creates a moving text effect |
| <ol> … </ol> | List | Specifies an ordered numbered list |
| <p> … </p> | Text | Creates a paragraph |
| <span> … </span> | Layout | Defines an area for CSS formatting |
| <table> … </table> | Table | Contains elements of a table |
| <td> … </td> | Table | Creates a cell |
| <tr> … </tr> | Table | Creates a row |
| <ul> … </ul> | List | Creates an unordered (bullet) list |
| <embed src=”…”> | Media | Embeds a video into the page |
| <a href=”mailto:…”> </a> | Hyperlink | Creates a link to an email address |
There’s usually an opening and a closing tag. For instance for a new paragraph you insert <p> at the beginning of your text. When you’ve finished the paragraph then the </p> closing tag is inserted.
My absolute favourite books on this subject are the Teach Yourself Visually books that are descriptive and graphic in teaching you HTML, and they are easy to follow. Take a look inside over at Amazon, all of them are really good.
2 comments
Tiffany Rawicki
May 9, 2012 at 8:49 am (UTC 1) Link to this comment
I would like to express my thanks to you for rescuing me from this difficulty. Just after checking throughout the the web and obtaining strategies which are not helpful, I was thinking my entire life was over. Existing devoid of the strategies to the problems you’ve solved as a result of the website is a critical case, as well as those which could have in a wrong way damaged my entire career if I had not discovered the blog. Your actual mastery and kindness in handling all the things was helpful. I’m not sure what I would’ve done if I had not encountered such a thing like this. It’s possible to at this moment look ahead to my future. Thanks very much for your professional and results-oriented guide. I won’t be reluctant to refer the blog to anybody who should have recommendations about this issue.
Jade
February 5, 2012 at 7:28 am (UTC 1) Link to this comment
Nice Creating a Website post … very informative