Getting Started with HTML -

Home
>
Personal Technology
>
Getting Started with HTML

Getting Started with HTML

The basic language of the internet is html. If you can do crossword puzzles, if you can write a report for your teacher or boss, you can be creating web pages in a matter of minutes.

Even if you're not a writer or not a 'techie'. It's sort of like your first date. Terrifying to think about, but not nearly as bad as you thought when it's over.

The truth is that you can create your first webpage with just eight words enclosed in symbols.That's right! The following words, with each enclosed in symbols, make a complete usable web page.

-------------------------------------------

html

head

title

/tit le

/head

body

don't enclose this one, it's your content- hi (:

/body

/html

------------------------------------------

If you copy what's between the dashed lines above, open notepad,paste it into a page, enclose each word in symbols and save it as anyname.htm, you can open your web browser and load it just like any other web page or double click on it and it should load automatically.

Now, that wasn't as bad as you thought, was it? All you need now is to learn some more of those words enclosed in symbols and you'll be a pro.

Those words such as html, head, /head and /html (when enclosed in brackets like these ) are called tags, for instance and . The ones such as html and head are called start tags and the ones with this symbol / such as /html and /head are called end tags.

What you see in the web browser is what you put between the body and /body tags. You could type an entire report or letter without knowing any more than you do now.

If you learn just two more tags you can create links and use images in your web pages. Also, and nearly as important, you could be making changes in web pages that you may own already.

LINKS-

The html below will put a link to Google on your web page when a symbol is placed after the second quote and the /a symbol .

---------------------------------------------

a href="http://www.google.com" google /a

---------------------------------------------

To put the link on the web page you created above just copy the line between the dashed lines above and paste it between the body and /body tags and save it. Then load it or double click it as before.

The tag used for links is the a tag and it's counterpart the /a tag. As you can see there is a little more to this tag. In the tag you add the webpage that the link will load into your browser.

IMAGES-

If you want an image on your web page use the html tag below and place a at the end.

--------------------------------------------

img src="a:mypicture.jpg"

--------------------------------------------

This is set up to put an image called mypicture.jpg (located on the floppy disc in drive a:) on a web page.

Again if you just copy this (replacing 'mypicture.jpg' with the name of your image) and paste it between the body tags the picture will appear in the browser window. (by the way if you make changes to the web page then save the changes, you need to click the refresh button on the browser to see the changes in the browser window.)

Of course, there is also a lot more to html (It doesn't get too complex until you start making tables). In fact complete books (many of them) have been written on the subject, but if you look at the html for most web pages you will find less than ten different tags, including the ones above.

Well, that's enough to get you started. If you'd like to learn more just send an email to morehtml@voltsearch.com. I hope this has been helpful and encouraging.

------------------------------

the author is webmaster of freewebbook.com.

About The Author

I'm an internet veteran since 1994 with skills in programming, css, html, java and publish love poems to 1500 subscribers. The password to my site at this time is password.

In The News:

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.iht.com/articles/ap/2008/10/06/sports/FBC-Nebraska-Penalties.phpcid=1255196033ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNE7lspWimLPhsglrtFjgA-JADceSQPelini says players need to show restraint/abrfont size=-1font color=#6f6f6fInternational Herald Tribune,nbsp;Francenbsp;-/font nobrOct 6, 2008/nobr/fontbrfont size=-1AP The Cornhuskers have committed eight bpersonal/b fouls in five games — not counting the flag Pelini got for unsportsmanlike conduct against Virginia bTech/b. b.../b/fontbrfont size=-1a href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.theindependent.com/sports/x1272962181/Huskers-aim-to-reduce-penaltiescid=1255196033ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNFEvsx1pStiKoXoqWE-ZVeZxOOuWAHuskers aim to reduce penalties/a font size=-1 color=#6f6f6fnobrGrand Island Independent/nobr/font/fontbrfont size=-1a href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.sportsline.com/collegefootball/gamecenter/preview/NCAAF_20081011_NE%40TXTECHcid=1255196033ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNHWZ1NBfYqnVtfzYZb0bDQ1_ClWdgVENUE: Clifford B. amp; Audrey Jones Stadium/a font size=-1 color=#6f6f6fnobrCBSSports.com/nobr/font/fontbrfont size=-1a href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.omaha.com/index.php%3Fu_page%3D3918%26u_sid%3D10452988cid=1255196033ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNFvt2CUCdU64hIgyHHappQhEZBkKgBo takes brunt of blame for defense, penalty woes/a font size=-1 color=#6f6f6fnobrOmaha World-Herald (subscription)/nobr/font/fontbrfont size=-1 class=pa href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.ketv.com/bigredzone/17641616/detail.htmlcid=1255196033ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNFwFs60zgECPZivD6pL6RAZEGZw0wnobrKETV.com/nobr/anbsp;- a href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.kfor.com/Global/story.asp%3FS%3D3351026%26nav%3Dmenu99_10cid=1255196033ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNGh6IiLPgK0VYa9lW6NUsyuvuDcKAnobrKFOR/nobr/a/fontbr/font class=p size=-1a class=p href=http://news.google.com/news?sourceid=navclientie=ISO-8859-1rls=GGLG,GGLG:2005-22,GGLG:enncl=1255196033hl=ennobrall 45 news articles/nobr/a/font/div/font/td/tr/table

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serifa href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.washingtonpost.com/wp-dyn/content/article/2008/10/05/AR2008100500349.htmlcid=1252486927ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNFhbmtqLLymb_S9E9u8KS9doz_eNAimg src=http://news.google.com/news?imgefp=Jc46xAAPNO0Jimgurl=media3.washingtonpost.com/wp-dyn/content/photo/2008/10/05/PH2008100500350.jpg width=58 height=80 alt= border=1brfont size=-2Washington Post/font/a/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.kansascity.com/sports/colleges/story/829734.htmlcid=1252486927ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNHUc6xBMwrThUKQ7S0lY9swj3nUugGoing for two: Hankies hurting Huskers/abrfont size=-1font color=#6f6f6fKansas City Star,nbsp;MOnbsp;-/font nobr21 hours ago/nobr/fontbrfont size=-1(Texas bTech/b is tied for 117th.) One of the two bpersonal/b-foul penalties Saturday was a late hit on Daniel. “We’ve got to play with more discipline, b.../b/fontbrfont size=-1a href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.chicagotribune.com/sports/chi-07-clash-lsu-floridaoct07,0,1980104.storycid=1252486927ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNGW8F9x-avyr4qNBMWWyJHF1CUPagNo relief for Washington#39;s Tyrone Willingham/a font size=-1 color=#6f6f6fnobrChicago Tribune/nobr/font/fontbrfont size=-1a href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.sportingnews.com/yourturn/viewtopic.php%3Ft%3D467633cid=1252486927ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNF5xNWi9p38guUufDF-t7SY-JR-7QGanz says Huskers must get better, and fast/a font size=-1 color=#6f6f6fnobrSportingNews.com/nobr/font/fontbrfont size=-1a href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://www.columbustelegram.com/articles/2008/10/07/sports/huskers/doc48eb17c904553045661473.txtcid=1252486927ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNG0i9svLE5BYAdBHpmwn3IpLkgjuQHuskers ready to put Mizzou behind them/a font size=-1 color=#6f6f6fnobrColumbus Telegram/nobr/font/fontbrfont size=-1 class=pa href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://nebraska.statepaper.com/vnews/display.v/ART/2008/10/07/48ebba6aafa6bcid=1252486927ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNET7q7yEuidykOmqxkJyUivNcePzwnobrNebraska StatePaper.com/nobr/anbsp;- a href=http://www.citywebshopper.net/articles/includes/redirect.php?url=http://nebraska.statepaper.com/vnews/display.v/ART/2008/10/06/48eab7f2a10e6cid=1252486927ei=kArsSL-tNI_u6gOhmb2ICwusg=AFQjCNEpVPr1uT8ZXUHmkRBs2EIsuqkJ2gnobrNebraska StatePaper.com/nobr/a/fontbr/font class=p size=-1a class=p href=http://news.google.com/news?sourceid=navclientie=ISO-8859-1rls=GGLG,GGLG:2005-22,GGLG:enncl=1252486927hl=ennobrall 746 news articles/nobr/a/font/div/font/td/tr/table

personal tech - Google News

Getting Started with HTML

Personal Technology