 Html Basic Tutorial, <!-- For beginners only --> |
Free Web Hosting > Computers & Tech > How-To's and Tutorials > Programming > HTML, XML and other Markup Languages|
|
|
|
  |
  Sep 28 2007, 09:19 AM
Post
#1
|
|
|
Newbie [ Level 2 ]  Group: Members Posts: 11 Joined: 24-September 07 Member No.: 25,093  |
Knowledge
HTML stands for Hyper Text Markup Language. You cannot create an HTML file using a rich-text editor, such as Microsoft Word or Wordpad. HTML To write a basic HTML, you will need to start with this: CODE <html> The <html> tag tells the browser that this is an HTML page. To close any tag, the same tag will be repeted but with the "/" sign. For example, CODE <html> <head> <title>Page title</title> </head> </html> Did you notice the </title>, </head> & </html> tags? That's how we close the tag. The <HEAD> Tag A <head> tag will include the <meta>, <title> and any other scripts that will NOT be viewed. First, we will write a <title> that tells the browser that "Example" (Inside the <HTML> & the <HEAD> tags): CODE <title>Example</title> Without the / tag, the script will NOT work! Then we will write the <meta>s: CODE <meta name="description" content="This is an example HTML script." /> <meta name="keywords" content="example html tutorial learn" /> <meta name="Other verification content, " content="such as Google Webmaster Tools verification meta."> The "description" meta is the description that will apear if your website is indexed by search engines. The "keywords" meta will be the keywords that if any one search for "learn html", your website will apear because the desc. meta contains on of the requested keywords. The <meta> tag will execute only if you put a "/" in before closing it. For example: <meta /> NOT <meta>. This page's result: CODE <html> <head> <title>Example</title> <meta name="description" content="This is an example HTML script." /> <meta name="keywords" content="example html tutorial learn" /> <meta name="Other verification content, " content="such as Google Webmaster Tools verification meta." /> </head> <html> BODY This page is still blank, because we haven't created the <body> tag. This tag is the basic tag, which contains all the contents that will apear on your page. To create a simple page with the title "Example" & the contents "This is a test page.": CODE <html> <head> <title>Example</title> </head> <body> This is a test page. </body> <html> Basic text formatting <b> Bold, <u> Underlined & finally... <i> Italic text These 3 tags are the most used, but not the all tags. To create a simple paragraph: CODE <p>This is a sample paragraph.</p> To continue learning the HTML tags, scroll down. Using javascripts in HTML To use javascripts in an HTML file, use the following: CODE <script type="text/javascript">document.write('Script Cotents');</script> To use an external .js file: CODE <script type="text/javascript" src="myjsfile.js"></script> More HTML Tags __ QUOTE To continue learning the HTML tags, scroll down. __Using the <div align=""></div> CODE <div align="center"> Centered Text </div> <div align="left"> Left-Aligned Text </div> <div align="right"> Right-Aligned Text </div> To create an image: CODE <img src="http://mydomain.com/myimgfile.jpg" alt="Alternate text." /> The src is the image location. alt is the alternate text. If you have created a stylesheet, you can add class="Class name.". ______________________________________ |That's all i have, but the post can be updated!| ------------------------------------------------------- Next post: How to create an SSL. More HTML tags. The <?php ?> tag. AJAX. Using the <noscript> & the <noframes> tags. ___________________________________ |
 |
 
|
|
Sep 29 2007, 10:52 PM
Post
#2
|
|
|
Premium Member  Group: [HOSTED] Posts: 377 Joined: 17-June 06 From: Adblock life Member No.: 13,992 |
QUOTE The <?php ?> tag. AJAX. Using the <noscript> & the <noframes> tags. QUOTE The <meta> tag will execute only if you put a "/" in before closing it. For example: <meta /> NOT <meta>. QUOTE <html> There's a slight error in this code of yours. The ending tag ought to be </html> and not just <html>. ;-)<head> <title>Example</title> </head> <body> This is a test page. </body> <html> QUOTE You cannot create an HTML file using a rich-text editor, such as Microsoft Word or Wordpad. |
|
|
|
|
Dec 12 2007, 09:42 AM
Post
#3
|
|
|
Newbie [ Level 2 ] Group: Members Posts: 13 Joined: 12-December 07 Member No.: 26,844 |
hmm this is what i came up with
<html> <head> <title>My Name Is Karmen</title> </head> <body> </center><h1>This Is My Webpage</h1> <br>Hi!</center> </body> </html> I tryed doing the center thingy but it didnt work. how come? |
|
|
|
|
Dec 12 2007, 01:42 PM
Post
#4
|
|
|
Super Member Group: Members Posts: 510 Joined: 29-September 06 Member No.: 16,228 |
Karmen, you used </center> and </center>, it should be <center> and </center> or <style> body { text-align: center; } </style>
|
|
|
|
|
Dec 13 2007, 11:39 PM
Post
#5
|
|
|
Newbie [ Level 2 ] Group: Members Posts: 13 Joined: 12-December 07 Member No.: 26,844 |
so if i was to do something like
<html> <head> <title>My Name Is Karmen</title> </head> <body> <center><h1>This Is My Webpage</h1> <br>Hi!</center> </body> </html> then that would center the writing? also how do i change the color of the background and text? |
|
|
|
|
Dec 14 2007, 09:05 AM
Post
#6
|
|
|
Way Out Of Control - You need a life :) Group: [HOSTED] Posts: 1,048 Joined: 2-August 05 From: Kapellen (Antwerp, Belgium) Member No.: 7,585 |
QUOTE(Karmen @ Dec 14 2007, 12:39 AM)  so if i was to do something like <html> <head> <title>My Name Is Karmen</title> </head> <body> <center><h1>This Is My Webpage</h1> <br>Hi!</center> </body> </html> then that would center the writing? also how do i change the color of the background and text? That would indeed center all your text. I would usualy not use the center tags, but there good for starters  . If you want to set the background and textcolor, you'll have to add some information to the body tag:CODE <html> <head> <title>My Name Is Karmen</title> </head> <body style="color: #898989; background-color: #AFAFAF;"> <center> <h1>This Is My Webpage</h1> Hi! </center> </body> The #898989 is a hexadecimal code that represents a color. The first 2 numbers are for red, the next 2 for green and the last 2 for blue. The larger the numbers, the more a color is represented. A few colors: White: #FFFFFF Red: #FF0000 Green: #00FF00 Blue: #0000FF Purple: #FF00FF Grey: #999999 If you don't understand the hexadecimal code, you could use names instead, but your limited to a certain amount of color:http://en.wikipedia.org/wiki/HTML_color_names |
|
|
|
|
Dec 14 2007, 07:33 PM
Post
#7
|
|
|
Newbie [ Level 2 ] Group: Members Posts: 13 Joined: 12-December 07 Member No.: 26,844 |
wow thanks for all your help, with this tutorial ive started to join my photoshop together and make my first website! once its done ill give you guys the link here so you can tell me if i've done anything wrong.
thanks everyone who has helped me, and i just wana say if you need any help with c++ feel free to PM me. |
|
|
|
|
Dec 15 2007, 07:35 PM
Post
#8
|
|
|
Way Out Of Control - You need a life :) Group: [HOSTED] Posts: 1,048 Joined: 2-August 05 From: Kapellen (Antwerp, Belgium) Member No.: 7,585 |
Hey Karmen, there's an online tool that can check if you did something wrong:
You enter the link to your site on http://validator.w3.org/ and press validate, it'll check if everything is written according to the standards 
|
|
|
|
|
Dec 15 2007, 08:37 PM
Post
#9
|
|
|
Newbie [ Level 2 ] Group: Members Posts: 13 Joined: 12-December 07 Member No.: 26,844 |
QUOTE(wutske @ Dec 15 2007, 07:35 PM) Hey Karmen, there's an online tool that can check if you did something wrong: You enter the link to your site on http://validator.w3.org/ and press validate, it'll check if everything is written according to the standards oh ok, thats quite usefull. so i just click on that and enter my website address and it will check it for errors? edit: Just did that and i had like 60 errors i googled most of them and figured out how to fix them. its quite helpful for new people and i would highly recommend using it.Thanks for all your help wutske. |
|
|
|
|
Oct 8 2008, 03:34 PM
Post
#10
|
|
|
Newbie [ Level 1 ] Group: Members Posts: 6 Joined: 8-October 08 Member No.: 33,294 |
You guys realize that half of those attributes are obsolete in HTML? If you try w3 validator, it will tell you the same thing.
For an example, <... align="center">, <center>, <font color="...">...</font> etc. (everything related to exact "look" or "style" described in HTML) is obsolete and should NOT be used. CSS should be used instead. HTML in general is used only to describe document structure, not the document appearance. So, instead of <center> you should use style="text-align: center", instead of <font> one should use style="color: red; font-family: sans-serif", instead of BOLD, ITALIC, UNDERLINE (<b>, <i>, <u>) corresponding CSS variants should be used. Also, <em> should be used to define the given text as EMphasized, not only the style itself. |
|
|
|
|
Similar Topics
| Topics | Topics | |
|---|---|---|
|
|
|
|
Lo-Fi Version | Time is now: 11th October 2008 - 06:00 PM |