|
So you want to web design, but you have no idea where to begin. Here's just a list of simple beginner HTML. If you want to learn more in depth tricks and scripts, you can visit the other tutorials in the site.
Always put <html> and <head> at the very beginning of your blank page. Always end your page with </body></html>. The basic parts to an html document is the <head> and the <body>. The body is where all your text and content go. So a regular html document would look like this: <body>Hi, this is my page content! Text text.</body></html> <a href="http://neskaya.net" target="_blank">Neskaya.Net</a> would display Neskaya.Net. target="blank" is optional and you can remove that part if you wish; it makes the link open in a new browser window. Image To put an image on a page, use the img tag. This: <img src="http://neskaya.net/images/button.gif"> would display
Color To change your font color; <font color="blue">hi!</font> would display hi!
Size To change font size; <font size="3">hi!</font> would display hi! Font sizes range from 1 to 10, 10 being the largest.
Font To change fonts, <font face="times new roman">hi!</font> would display hi!
Bold To make something bold, <b>hi!</b> would display hi!
Italics To italicize something, <i>hi!</i> would display hi!
Underline To underline something, <u>hi!</u> would display hi!
Link Break To start a new line in an html document, use <br>. For example, hi!<br>you!<br>Okay. would display: hi!you! Okay. To make a larger (paragraph) break, just <p> instead. Email Link To create an email link - <a href="mailto:myemail@domain.com">email me!</a> would create email me! Image Link To make an image a link, use the a href and image tags together. Image links have a default border of 1 pixel, so you can eliminate that by adding in border=0. <a href="http://neskaya.net"><img src="http://neskaya.net/images/button.gif" border="0"></a> would display
Horizontal Ruler Type in <hr> to generate this: Change the color by typing in <hr color="red"> to generate this: |