Webmaster Forum
Tiger Team Solutions Tech Support
 
 FAQ FAQ   Search Search   Members Groups   RegisterRegister 
 Profile Profile    Login Login 



Post new topic Reply to topic  [ 8 posts ] 

All times are UTC - 6 hours

Author Message
 Post subject: Basic HTML Code
PostPosted: Mon Feb 04, 2008 3:17 pm 
Offline
Graphics Guru
Graphics Guru
User avatar

Joined: Tue Jun 19, 2007 12:48 pm
Posts: 681
Location: Arkansas, USA
Here is the code for a basic HTML page:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Basic HTML Document</title>
    </head>
    <body>
        <p>Look at me, I'm coding in html...<p>
        <br>
        <p>This is my second paragraph!<p>
    </body>
</html>


It breaks down like this:

tag: doctype (this tells the browser at what coding standards you are coding the rest of the page. For more on doctypes see this link.)

tag: html (wraps everything except doctype)

tag: head (this holds more information for the browser; javascripts, css, page titles, etc.)

tag: title (this is what shows at the very top of the page and helps when indexing your page elsewhere)

tag: body (this hold the body of your website, it's that simple)

The next few are not part of the required code for a page, but are used in this example to format the content.

tag: paragraph (this defines your paragraphs)

tag: linebreak (you can see this between the two paragraphs in the example above... it defines a forced line break between items)

You will notice that all of the tags in the example have an opening tag
Code:
<html>

and a closing tag
Code:
</html>


Most tags DO need to be closed. A few examples of tags that do not are:
Code:
<br> & <hr>

Line break and horizontal rule

This is really basic, but we needed to start somewhere and as we progress make sure everyone is up to speed... So I hope this helps.

_________________
[color=darkblue:8e5ce06a17][size=9:8e5ce06a17]If you have an an urgent question, please call me.[/size:8e5ce06a17][/color:8e5ce06a17]
[color=darkred:8e5ce06a17][size=9:8e5ce06a17]Spam will be removed.[/size:8e5ce06a17][/color:8e5ce06a17]


Top
 Profile  
 
 Post subject:
PostPosted: Mon Mar 03, 2008 11:20 am 
Offline
Tiger Member
Tiger Member

Joined: Tue Dec 04, 2007 7:06 pm
Posts: 57
What does it mean to "wrap" everything? Such as in the following statement?
tag: html (wraps everything except doctype)

I would also like to know if there is a list of basic html codes used for formatting content, such as some of what you've already shown here, <p>, <br>? I have a very basic list, but is there a list on line where I could get more info?

Also, how do I know what doctype is being used? and would that effect my basic codes I'm asking about? :?

_________________
mary jones
business directory


Top
 Profile  
 
 Post subject:
PostPosted: Mon Mar 03, 2008 11:40 am 
Offline
Tiger Member
Tiger Member

Joined: Tue Dec 04, 2007 7:06 pm
Posts: 57
Also, along these same lines, I would like for you to look at a listing I have on my website, here's the link:

http://www.services-directory.com/index ... id=9999999

question 1
You'll notice the list of office machines and the lines of the other paragraphs are very crowded, but if I use the code <br>, it almost puts too much room between the lines. So is there a code that controls how much space such as single, double, etc. is placed in between the lines?

quetion 2
And on my Joomla website there is a place specifically for customer logo's, that space is so small, you sometimes can't see the logo. Can I enlarge the acceptable amount of px's allowed?

_________________
mary jones
business directory


Top
 Profile  
 
 Post subject:
PostPosted: Wed Mar 05, 2008 1:26 pm 
Offline
Graphics Guru
Graphics Guru
User avatar

Joined: Tue Jun 19, 2007 12:48 pm
Posts: 681
Location: Arkansas, USA
maryjones wrote:
What does it mean to "wrap" everything? Such as in the following statement?
tag: html (wraps everything except doctype)


the term "wrap" is in reference to the tag having a starting action before something and an ending action after it. Say for example you wanted to bold something with the strong tag. You would open the strong tag before the text you want to bold... and close the tag after the text you wanted to bold... thus "wrapping" the strong tag around that line of text.

maryjones wrote:
I would also like to know if there is a list of basic html codes used for formatting content, such as some of what you've already shown here, <p>, <br>? I have a very basic list, but is there a list on line where I could get more info?


You can start here:
http://htmlhelp.com/reference/wilbur/list.html

maryjones wrote:
Also, how do I know what doctype is being used? and would that effect my basic codes I'm asking about? :?


You would need to view the source code to see what doctype is being used. And yes a doctype can directly effect the display of your code.

On that note however, we have installed the correct doctype on your site for the software your site currently runs one... and thus it is really nothing you have to worry too much about.

If you want more information on doctypes, you can try here:
http://www.alistapart.com/articles/doctype/

_________________
[color=darkblue:8e5ce06a17][size=9:8e5ce06a17]If you have an an urgent question, please call me.[/size:8e5ce06a17][/color:8e5ce06a17]
[color=darkred:8e5ce06a17][size=9:8e5ce06a17]Spam will be removed.[/size:8e5ce06a17][/color:8e5ce06a17]


Top
 Profile  
 
 Post subject:
PostPosted: Wed Mar 05, 2008 1:31 pm 
Offline
Graphics Guru
Graphics Guru
User avatar

Joined: Tue Jun 19, 2007 12:48 pm
Posts: 681
Location: Arkansas, USA
maryjones wrote:
question 1
You'll notice the list of office machines and the lines of the other paragraphs are very crowded, but if I use the code <br>, it almost puts too much room between the lines. So is there a code that controls how much space such as single, double, etc. is placed in between the lines?


This is probably already assigned in your styleheet. However you can use an inline style like this:
Code:
<span style="line-height: 120%;">your current paragraph(s) here</span>


See if that helps.

maryjones wrote:
quetion 2
And on my Joomla website there is a place specifically for customer logo's, that space is so small, you sometimes can't see the logo. Can I enlarge the acceptable amount of px's allowed?


This is most likely defined in the admin somewhere. I would have to look at the settings to give you a better answer.

_________________
[color=darkblue:8e5ce06a17][size=9:8e5ce06a17]If you have an an urgent question, please call me.[/size:8e5ce06a17][/color:8e5ce06a17]
[color=darkred:8e5ce06a17][size=9:8e5ce06a17]Spam will be removed.[/size:8e5ce06a17][/color:8e5ce06a17]


Top
 Profile  
 
 Post subject:
PostPosted: Wed Mar 05, 2008 10:15 pm 
Offline
Tiger Member
Tiger Member

Joined: Tue Dec 04, 2007 7:06 pm
Posts: 57
Thank you Brian! I saved these to my Favorites too! I've started a HTML file for notes too and this went into there. I'm trying to absorb as much as I can! Thank you for all your help!

_________________
mary jones
business directory


Top
 Profile  
 
 Post subject:
PostPosted: Tue Jul 15, 2008 6:52 am 
Offline
Tiger Cub
Tiger Cub

Joined: Mon Jul 14, 2008 5:29 am
Posts: 6
Location: US
Hi bsmith,

Thank you very much for giving your basic information about HTML page.

cheers!

_________________
Get your SSL certificates online from SSLStar.


Last edited by design on Thu Jul 17, 2008 11:50 pm, edited 1 time in total.

Top
 Profile  
 
 Post subject:
PostPosted: Tue Jul 15, 2008 7:09 am 
Offline
Graphics Guru
Graphics Guru
User avatar

Joined: Tue Jun 19, 2007 12:48 pm
Posts: 681
Location: Arkansas, USA
design wrote:
Hi bsmith,

Thank you very much for giving your basic information about HTML page.

cheers!


You are welcome...

_________________
[color=darkblue:8e5ce06a17][size=9:8e5ce06a17]If you have an an urgent question, please call me.[/size:8e5ce06a17][/color:8e5ce06a17]
[color=darkred:8e5ce06a17][size=9:8e5ce06a17]Spam will be removed.[/size:8e5ce06a17][/color:8e5ce06a17]


Top
 Profile  
 
Display posts from previous:  Sort by  

All times are UTC - 6 hours

Post new topic Reply to topic  [ 8 posts ] 


Who is online

Users browsing this forum: No registered users and 0 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group