Html 101

[sparkie]

For anyone interested in basic HTML writing 101, here is a good article.

What is HTML? HTML stands for HyperText Mark-up Language, used to create web pages. It is not a program or hardware, but a very simple computer language.


HTML tutorial - Lesson one

By Oisin Prendiville

"This is an excellent nine page / lesson tutorial, some pages have one section and others have two sections. You can jump from section to section using the navagation links below - These will be at the top of every page of the tutorial.

We recommend you complete this tutorial and then check out the Web design tutorial so you can make better use of your HTML knowledge and not only make web pages but make them well.

Please be patient as some of the pages are quite large.

Lesson one
Introduction
Basic starting blocks

Lesson two
Formatting text
Coloring text & background

Lesson three
Images

Lesson four
Lists

Lesson five
Tables

Lesson six
Links
Imagemaps

Lesson seven
Frames

Lesson eight
Microsoftisms
Netscapisms

Lesson nine
Forms "

Click link for rest of article: http://www.akamarketing.com/html-tutorial.html

[Radical Randy]

some friends of mine do this stuff. Sometimes I wonder if I should learn it. Ain't HTML the same stuff that is on boards in the reply box?

Like this :dork: and this :brothas: those guys are cool.


That's all I know about it but maybe I will learn it later if I need too.

[sweetmelissa]

You gotta love HTML and CSS isn't so bad to know either. :)

[Mölly]

So that's how you learn this stuff, Melissa!?! :)

[sweetmelissa]

So that's how you learn this stuff, Melissa!?! :)



That and my cheat sheets.... :p

[chatterproof]

I love to write html. And it's so easy to learn. If you're really interested and want to learn it very quickly, here is where I learned it in one hour:

http://www.vikimouse.com/

Click on the green box labeled HTML SCHOOL.

Of course, you'll then want to learn more which isn't difficult once you know the basics.

Happy HTMLing!

[chatterproof]

Uh oh. I hope my above post isn't considered "unsolicited advertising for other sites".

I wasn't trying to promote the site in itself exactly; just pointing to a place that will teach html very quickly.

Apologies if I broke the rules. I didn't do it intentionally.

[NicoMoon]

Uh oh. I hope my above post isn't considered "unsolicited advertising for other sites".

I wasn't trying to promote the site in itself exactly; just pointing to a place that will teach html very quickly.

Apologies if I broke the rules. I didn't do it intentionally.

No rules broken! Informational links are fine, as long as their relevant.

We just won't host links that are clearly advertising for which no permission has been requested.

You know, like those "check out this cool site" spam posts.

Thanks for your concern though! :)

[sweetmelissa]

I love to write html. And it's so easy to learn. If you're really interested and want to learn it very quickly, here is where I learned it in one hour:

http://www.vikimouse.com/

Click on the green box labeled HTML SCHOOL.

Of course, you'll then want to learn more which isn't difficult once you know the basics.

Happy HTMLing!


This is another site for kids, but it teaches HTML and CSS in plain terms so it's really easy to pick it up. There's a lot of interesting things there to check out.

http://www.lissaexplains.com/

[chatterproof]

SM, I'd seen that one before too. They are a bit elementary, but make it so easy to understand for beginners. I'm sure there are more age-appropriate html tutorials; that vikimouse one is just the first one I happened across when I wanted to learn it. And it did teach it fast. I've since 'graduated' to more advanced sites. I enjoy html coding.

I've dabbled a little with CSS and Javascript, but they are a little too advanced for me to do on my own so far. I have to use the *pre-made* CSS and JS codes. :D

[Franklin]

Testing clipboard function
Try it again
It's gotta work this time-

[Franklin]

Hi All,

The vikimouse site is a bit obnoxious, with bogus sounds abd loud colors, but it does walk you through the basics pretty well. Except that I think the concept of an end-tag is quite important. She has you creating tags without explaining that you need an end-tag to deliniate where the effects of the tag stop.

For example, if you want to make the word "schnizzle" in the following sentence bold, you need to place a <B> before the word and </B> after the word so that the words following schnizzle won't be bolded:
"I don't give a schnizzle about your HTML tutorial."
Without the end-tag:
"I don't give a schnizzle about your HTML tutorial."

I learned basic HTML by clicking on the browser's VIEW / PAGE SOURCE button. This shows you all the HTML code for the page you are on. In fact I still do that when I encounter a page that has cool formatting that I never saw or haven't figured out how to do. Start with simple pages - if you view the sourse for this forum, for example, you will be overwhelmed. Put the code in an editor such as WordPad and change some stuff. Save it to your hard drive as a xxxx.htm or xxx.html file (xxxx could be anything, such as test1, test2, etc.). Test it in your browser by pressing the FILE butto at the top left-hand side of your browser and choose OPEN or OPEN FILE. This will present you with a BROWSE button where you can select the file.

CSS is for more advanced webgeeks. It stands for Cascading Style Sheets, and can be used to centralize formatting. Let's say you have a site that has 15 pages of HTML. All have a title at the top, such as "About Us", "Cool Links", etc. You make all titles purple and bold. Your client or spouse tell you it looks awful - "Can't you make the titles green and italic?" OK, so now you have to edit 15 files and change the formatting... Unless you were wise enough to put the formatting in a .css file and refer to the CSS file in your HTML pages.

Each title in each page can have HTML code such as <span class=pagetitle>About Us</span>. In your .css file (common name would be styles.css) you create an entry for .pagetitle with all the formatting for anything that refers to that name. So you only need to change the formatting in the one .css file and it will show up in all the HTML files.

This is not meant as a CSS tutorial - just to give an idea of what can be done with it. It can alos be used for more complex issues such as tables (background color, borders, etc>. I suggest you don't mess with tables until you are comfortable with the more basic stuff. Tables allow you to format boxes of information, create multiple columns of text, amoungst many other cool things.

[vervilledeb1]

Hi All,

The vikimouse site is a bit obnoxious, with bogus sounds abd loud colors, but it does walk you through the basics pretty well. Except that I think the concept of an end-tag is quite important. She has you creating tags without explaining that you need an end-tag to deliniate where the effects of the tag stop.

For example, if you want to make the word "schnizzle" in the following sentence bold, you need to place a <B> before the word and </B> after the word so that the words following schnizzle won't be bolded:
"I don't give a schnizzle about your HTML tutorial."
Without the end-tag:
"I don't give a schnizzle about your HTML tutorial."

I learned basic HTML by clicking on the browser's VIEW / PAGE SOURCE button. This shows you all the HTML code for the page you are on. In fact I still do that when I encounter a page that has cool formatting that I never saw or haven't figured out how to do. Start with simple pages - if you view the sourse for this forum, for example, you will be overwhelmed. Put the code in an editor such as WordPad and change some stuff. Save it to your hard drive as a xxxx.htm or xxx.html file (xxxx could be anything, such as test1, test2, etc.). Test it in your browser by pressing the FILE butto at the top left-hand side of your browser and choose OPEN or OPEN FILE. This will present you with a BROWSE button where you can select the file.

CSS is for more advanced webgeeks. It stands for Cascading Style Sheets, and can be used to centralize formatting. Let's say you have a site that has 15 pages of HTML. All have a title at the top, such as "About Us", "Cool Links", etc. You make all titles purple and bold. Your client or spouse tell you it looks awful - "Can't you make the titles green and italic?" OK, so now you have to edit 15 files and change the formatting... Unless you were wise enough to put the formatting in a .css file and refer to the CSS file in your HTML pages.

Each title in each page can have HTML code such as <span class=pagetitle>About Us</span>. In your .css file (common name would be styles.css) you create an entry for .pagetitle with all the formatting for anything that refers to that name. So you only need to change the formatting in the one .css file and it will show up in all the HTML files.

This is not meant as a CSS tutorial - just to give an idea of what can be done with it. It can alos be used for more complex issues such as tables (background color, borders, etc>. I suggest you don't mess with tables until you are comfortable with the more basic stuff. Tables allow you to format boxes of information, create multiple columns of text, amoungst many other cool things.

Thanks Franklin for checking this for me. I am not sure on all this stuff and who better to ask! Once I get this all down I will get back to you for the quiz. I promise no Ad questions. And thanks for your patience and help.

:worthy:

[Franklin]

Hi Debby,

You're welcome. Of course I do have a vested interest in you learning HTML, as you can take up some of my slack. :)

What's cool about it is that you can start with really easy stuff and get immediate gratification. Then you can progress into all sorts of stellocity (the state of being stellar).

Everyone, don't be shy about asking for help with your projects.

[InsanitysAngel]

Hi Debby,

You're welcome. Of course I do have a vested interest in you learning HTML, as you can take up some of my slack. :)

What's cool about it is that you can start with really easy stuff and get immediate gratification. Then you can progress into all sorts of stellocity (the state of being stellar).

Everyone, don't be shy about asking for help with your projects.

Oh Debby, you'll ace HTML, it's pretty easy. I got faith in you girl.

[vervilledeb1]

Oh Debby, you'll ace HTML, it's pretty easy. I got faith in you girl.

Thanks for the vote IA. I do really need to learn this stuff. I have wanted to for quite some time and kept putting it off. No time like the present. :kitty:

[Kimi]

i see sweet melissa was shown the door....but she is self taught in the html and is also a great teacher...and willing also to help anyone that wants to know anything.

franklin, its very nice that you are willing to help and answer any questions...even though its obvious you are busy here...mentioning you could use some help with the slack....so, if anyone wants to contact SM...let me know and i can put you in touch with her...she is amazing, with an amazing amount of patience...:)

[NicoMoon]

i see sweet melissa was shown the door....but she is self taught in the html and is also a great teacher...and willing also to help anyone that wants to know anything.

franklin, its very nice that you are willing to help and answer any questions...even though its obvious you are busy here...mentioning you could use some help with the slack....so, if anyone wants to contact SM...let me know and i can put you in touch with her...she is amazing, with an amazing amount of patience...:)

Actually, we don't care if sweetmelissa is Mother Teresa and Einstein rolled into one and reincarnated. She was shown the door for showing contempt for our TOS.

[NicoMoon]

i see sweet melissa was shown the door....but she is self taught in the html and is also a great teacher...and willing also to help anyone that wants to know anything.

franklin, its very nice that you are willing to help and answer any questions...even though its obvious you are busy here...mentioning you could use some help with the slack....so, if anyone wants to contact SM...let me know and i can put you in touch with her...she is amazing, with an amazing amount of patience...:)

Post requoted as a prime example of the strategy known as Manipulation, a practice which is slightly understandable from a teen-ager, and fully objectionable and offensive from an adult.

How old are you, Kimi? :rolleyes:

[mickst1]

I learned HTML by going to online tutors, building websites on free sites, and reading books. If while surfing the web, I will find things that I like on a website, I will view the source code and try to copy them onto my experimental websites. I have built websites for work, for community groups and for friends. There is always more to learn and there are tons of websites to help you do just that. Good luck on your HTML Debby.

[vervilledeb1]

I learned HTML by going to online tutors, building websites on free sites, and reading books. If while surfing the web, I will find things that I like on a website, I will view the source code and try to copy them onto my experimental websites. I have built websites for work, for community groups and for friends. There is always more to learn and there are tons of websites to help you do just that. Good luck on your HTML Debby.

Thanks, I will go slow! Um, I think I've managed to age Franklin a few times going through some code lol. I am very lucky to have friends that have patience! And what you are not letting on is your a comp. whiz!

[mickst1]

Not sure about being a computer whiz...more like a computer hack! :blowup:

Oh and I found out first hand about Message Board terrorism when one of the message boards that I built for my High School Alumni website was attacked.
I had not monitored it for a while, and found out the hard way that if you build a site with a message board, you have to stay vigilant or terrorists will take the opportunity to attack people, something that can never be tolerated!

Thank you for all the good work all you moderators do!!

[chatterproof]

I appreciate the headsup on the alumni board being attacked. I've been working on one for my H.S. alumni, but it isn't open for posting yet.

[mickst1]

Most message boards will send an email to the moderator when there is a new posting and this is one way to make sure that the post is ok. You could also set it up so that all postings need the moderators approval. In the end, you still have to stay on top of the postings.

Livewire is a perfect example of how a message board should operate. They have dedicated people monitoring the postings 24/7. Maybe you could get some classmates to assist you with your message board. I know keeping an alumni page is a lot of work especially posting all the reunion information. Good luck on your alumni page! :)

[InsanitysAngel]

Most message boards will send an email to the moderator when there is a new posting and this is one way to make sure that the post is ok. You could also set it up so that all postings need the moderators approval. In the end, you still have to stay on top of the postings.

Livewire is a perfect example of how a message board should operate. They have dedicated people monitoring the postings 24/7. Maybe you could get some classmates to assist you with your message board. I know keeping an alumni page is a lot of work especially posting all the reunion information. Good luck on your alumni page! :)

Thanks Mickst1! I'm sure that will make Nico very happy. I know I feel the same way and can only giggle at the members who would see our attempts at maintaining a mature environment as anything other than what it is. That's just silly.

That said, I must apologize for being absent so much lately. Things going on, trying to stave off a return of the flu, etc. It's been a busy time thus far this cold & flu season.

[zandyne]

I've learned HTML mainly from the W3Schools site, after that I proceeded to learn XHTML and then CSS. I didn't really learn too much web programming in the classroom though.