|
|
|
|
|
|
|
|
|
|
| View previous topic :: View next topic |
| Author |
Message |
bsmith
Graphics Guru
Joined: 19 Jun 2007
Posts: 674
Location: Arkansas, USA
|
 Posted: Mon Feb 04, 2008 3:17 pm Post subject: Basic HTML Code |
|
|
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
and a closing tag
Most tags DO need to be closed. A few examples of tags that do not are:
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.
_________________
- Brian
"Worry is a misuse of imagination" |
|
| Back to top |
|
 |
TigerBot
Tiger Member
Joined: 19 Jun 2007
|
| Posted: Mon Feb 04, 2008 3:17 pm Post subject: Sponsored Advertisement |
|
|
_________________
TigerBot
|
|
| Back to top |
|
|
maryjones
Tiger Member
Joined: 04 Dec 2007
Posts: 57
|
| Posted: Mon Mar 03, 2008 11:20 am Post subject: |
|
|
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 |
|
| Back to top |
|
|
maryjones
Tiger Member
Joined: 04 Dec 2007
Posts: 57
|
| Posted: Mon Mar 03, 2008 11:40 am Post subject: |
|
|
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.php?option=com_sobi2&sobi2Task=sobi2Details&catid=0&sobi2Id=830&Itemid=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 |
|
| Back to top |
|
|
bsmith
Graphics Guru
Joined: 19 Jun 2007
Posts: 674
Location: Arkansas, USA
|
| Posted: Wed Mar 05, 2008 1:26 pm Post subject: |
|
|
| 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/
_________________
- Brian
"Worry is a misuse of imagination" |
|
| Back to top |
|
|
bsmith
Graphics Guru
Joined: 19 Jun 2007
Posts: 674
Location: Arkansas, USA
|
| Posted: Wed Mar 05, 2008 1:31 pm Post subject: |
|
|
| 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.
_________________
- Brian
"Worry is a misuse of imagination" |
|
| Back to top |
|
|
maryjones
Tiger Member
Joined: 04 Dec 2007
Posts: 57
|
| Posted: Wed Mar 05, 2008 10:15 pm Post subject: |
|
|
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 |
|
| Back to top |
|
|
|
|
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 vote in polls in this forum
|
Powered by phpBB © 2001, 2005 phpBB Group
Web Design © 2007 Tiger Team Solutions, LLC
|
|
|
|
|
|
|
|
Warning! Some site fuctions are not available until you log in. Registration is free! Sign Up Now. 
