Linker IT Software
menubar-top-links menubar-top-rechts
Home Help Search Login
Welcome, Guest. Please Login.
SQL*XL: Database to Excel bridge litLIB: Excel power functions pack ExcelLock: Locking and securing your valuable Excel spreadsheets encOffice: Protect your Excel file easy and safe encOffice: Protect your Excel file easy and safe
Pages: 1
HTML primer (Read 2036 times)
Gerrit-Jan Linker
YaBB Administrator

Posts: 75
HTML primer
04.10.07 at 08:18:08
HTML primer
HyperText Markup Language or HTML is written as plain text files. To start create a new plain text file by right clicking in a folder and selecting new text file. Change the name to anything.html and open it in notepad.
HTML uses simpel tags to denote how the text should be made up and what the structure is. The first HTML you need to write is by making this document HTML and to create the body element. The body will contain the content that is visible in the browser:
... the site contents goes here...

When you load the page in a browser like Firefox or Internet Explorer you will see the text we typed: ... the site contents goes here...
When you type more text you will notice that the browser will ignore additional spaces you type. It will also ignore your page breaks. All text is put in one big paragraph. We haven't told the browser it was multiple paragraphs! Anything you want to do in the sense of layout or markup you need to specify. Text in paragraphs go in <P>...your paragraph text goes here...</P>
If you need another paragraph you just start another <P> and close it with an end paragraph </P> Note that most tags are between start and end tags. <P></P> for paragraphs, <B></B> for bold text, <I></I> for italic text, etc.
I will write below a set of html tags that are commonly used. You can use them anywhere in the body part of your html document.
<a href="nextpage.html">Click here</a>  This is how a hyperlink is constructed. The Click here text is displayed. On clicking on the text the browser will load nextpage.html.
<b>this will be bold text</b>
<h1>Heading 1 (big)</h1>
<h2>Heading 2 (less big)</h2>
<h3>Heading 3 (yet less big)</h2>
<i>this will be italic text</i>
<img src="myimage.gif">   This is the tag to embed an image into the text. Note that there is no closing tag although you may type a </img>. It doesn't harm. The src= section points the browser to the image you want to display.  
<img src="images/myimage.jpg" width=200 height=100>  This creates an image with height 100 and width 200.
Tables. Tables consist of rows (<tr></tr>) and fields (<td></td>).  The following example of is that of a table with 2 rows and 3 columns. I have typed the cell addresses A1 through C2 to show some text in the cells. You can of course type anything you like.
<tr> <td>A1</td>   <td>B1</td>   <td>C1</td>  </tr>
<tr> <td>A2</td>   <td>B2</td>   <td>C2</td>  </tr>
Back to top
« Last Edit: 04.10.07 at 08:36:31 by Gerrit-Jan Linker »  

Gerrit-Jan Linker
Linker IT Software
Email WWW Gerrit-Jan Linker   IP Logged
Pages: 1