Basic Tips and Tricks in HTML

Pages: 1, 2
free web hosting

Read Latest Entries..: (Post #15) by frameworker on Jun 16 2008, 09:39 PM. (Line Breaks Removed)
QUOTE(LegallyHigh @ Jun 16 2008, 12:28 AM) In my opinion the Best way to Learn HTML is by using a Web Page Designing Program such as Dreamweaver, and using both the HTML only mode along with the visual creation mode. So when you input an object in the Visual Mode you can see the HTML behind it. You can learn simple HTML along with advanced coding by doing it that way.Not a terrible way to... read more.
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Free Web Hosting > Computers & Tech > Designing > Web Design and HTML

Basic Tips and Tricks in HTML

proxies
Here is some quick links for basic html coding...

A quick and easy way to create your first web page! -> The easiest HTML guide for beginners

You'll learn how to create tables from real examples. -> How to create TABLE?

You will learn how to create frames from a real example. You'll see how to create a borderless frame, how to specify the target frame, etc. -> How to build FRAMES?

Follow a few easy steps to add sound to your web pages. -> How to add sound to a web page?

This page tells you how to automatically load a visitor to another web page. -> How to automatically load a visitor to another web page?

Reply

Darren
Thanks Proxies i was looking for a basic tutorial or something for a friend who wanted to learn basic html. You read my mind.

Reply

FirefoxRocks
These tutorials are quite old. I also don't see why they can't teach valid XHTML Strict (or even HTML Strict) because their pages are almost all valid XHTML strict except for the <embed> element in the sound one and an unescaped ampersand in a referral link in some other ones.

I know that they skip the "technical details" of HTML, but still, they should teach valid HTML Strict, not transitional.

Reply

Jeigh
The posts are from 2004, would make sense they aren't completely up to date references wink.gif Just thought that deserved to be pointed out lol

Reply

Herbert
Personally, I'd like to see some tutorials for learning CSS. Table programming is old news, but I can't figure out how DIV tags work correctly yet rolleyes.gif

Reply

Jimmy89
QUOTE(Herbert @ Mar 6 2008, 12:52 PM) *
I can't figure out how DIV tags work correctly yet rolleyes.gif
Div tags are painful! I spent ages trying to fix some on a website, but when you get them right, they're very useful.

Have a look at W3Schools, they have tutorials on css, as well as heaps of other topics here.

Reply

Jeigh
w3schools have amazing tutorials, as well htmlgoodies.com used to be a great resource... I haven't read much on the site in the past few years but they have sections for many things such as CSS so might be worth a look. Personally the biggest thing I find with css is simply to learn the differences between the different levels of style sheets and the different types of style definitions. Once you understanding the differences setting up div's and classes and everything just sort of falls into place wink.gif

Reply

skedad
It has been a while since I have really looked into a lot of 'newer' scripts and HTML codes. I have been out of class for over a year now, and I am beginning to feel a little rusty to coding. I do use a little bit of HTML on my webpage, but I plan to add a lot of Flash to it. But if I wasn't so lazy, I would break out my Java, VB, and Dreamweaver HTML books and refresh myself on how to make really, really fun programs and additions to my site. But at the moment, it is quite difficult to even keep up with posting... So thanks for pulling this topic out of archives.... (Going to go find my books, now!)

Reply

kgd2006
The best place for reference in html and the correct use of its library of syntax's is http://www.w3schools.com, this source is all you need to endow yourself in and build your skills in web development. If you spend enough time and effort in reading its tuturials and its explanations of each area you will have enough understanding to do websites that are professional and can definitely be marketable. W3schools taught me everything from html, css, and javascript. I also reference it every now and then because as your areas of speciliaty expand you will eventually forget certain things, because like any normal human if you dont use what you learn you will eventually forget what you have recently learned. Books are good sources, but I have learned that there is nothing in a book that the internet dont have. The internet itself is the index in the back of any book. So make use of your resources and expand your skills, you never know you might be the one developing a site that many investors might find great interest in and will buy your site out for millions of dollars hehe...

 

 

 


Reply

rockershive
If your younger brother asks you to teach him HTML codings. Will you still teach him the way you were taught when MS Frontpage wasn't born yet? I mean you still have to learn HTML coding and editing 'traditionally'.

Reply

Latest Entries

frameworker
QUOTE(LegallyHigh @ Jun 16 2008, 12:28 AM) *
In my opinion the Best way to Learn HTML is by using a Web Page Designing Program such as Dreamweaver, and using both the HTML only mode along with the visual creation mode. So when you input an object in the Visual Mode you can see the HTML behind it. You can learn simple HTML along with advanced coding by doing it that way.

Not a terrible way to pick up tips, but I wouldn't recommend beginning the learning process that way.

The most obvious downside to learning this way is that you have to have an expensive piece of software to begin with. One great strength of HTML is precisely that you don't need extra software to use it.

Even if you do have the software in place, programs like Dreamweaver (and especially programs like FrontPage!) don't always use the best HTML practices. They're already bending over backward trying to interpret what you're doing visually, and good code is sometimes a casualty.

A third downside to learning that way is that you don't get a very in-depth understanding of the markup language. You can try the things you think about and see how Dreamweaver interprets it, but a good tutorial might show you things html can do that you hadn't been thinking about. By running through tutorials at W3Schools or Sitepoint, you're less likely to run up against things as you go that you don't know how to deal with (that happens often enough as it is!).

My advise to a beginner is to stick with the tutorials as a starting point. Once you have a good understanding of tags and good practice, you can use LegallyHigh's method as a way to solidify what you already know, especially if you come at it with a critical eye to spot things the program may be doing wrong. For that matter, you can do the same with websites you see online. Open up the code and try to figure out what they're trying to do (sucessfully and unsuccessfully). Or in both instances, look at the display and figure out how you would code it, then see how the HTML differs from your idea and decide who has the better idea.

Reply

LegallyHigh
In my opinion the Best way to Learn HTML is by using a Web Page Designing Program such as Dreamweaver, and using both the HTML only mode along with the visual creation mode. So when you input an object in the Visual Mode you can see the HTML behind it. You can learn simple HTML along with advanced coding by doing it that way. Also, since newer Web Design Programs also set up pages with CSS, you can learn a bit of Cascade Styling as well. I don't know if anyone else learned HTML in this method, but its how I learned what I have and none of my Pages look to bad. Also, when I used to like Nav Bars and other Java Acript Apps, I would copy the codes from Tutorial sites and then try to configure the Navigation Bars to look good on my site and as I did this through the script, it helped me to pcik up a bit of coding also.

Reply

frameworker
I'm another product of W3Schools tutorials. I figure we need more sites like that on any number of nonprogramming topics wink.gif Anyway, a newer resource for learning and reference for html is reference.sitepoint.com/html. It hasn't been around for nearly as long as w3schools has, but it is an excellent reference. Sitepoint also has a great reference for CSS at reference.sitepoint.com/css.

Reply

sparkx
It’s good that you posted links rather then just quoting tutorials or worse not quoting them...
I never understood why you can find 1000s of tutorials about HTML but you are lucky to find 5 good ones about actual programming.
Anyways if I made the post I would have put...
QUOTE
You will learn how to create frames from a real example. You'll see how to create a borderless frame, how to specify the target frame, etc. -> How to build FRAMES?

Follow a few easy steps to add sound to your web pages. -> How to add sound to a web page?

Reasons why not to use frames. --> How to stop using FRAMES?

Why sound is annoying. --> Don’t use it or at least make an off button and have it default off.

Other then that they are good tutorials as long as new programmers know that it is not always cool to load up their site with un-necessary effects. Which is probably the more important then HTML itself.

My Opinion,
Sparkx

Reply

ahaslam
ahha ive wanted music on my site thanks sknaht

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Pages: 1, 2
Recent Queries:-
  1. free windows xp service pack 1 - 4.52 hr back. (2)
  2. setup cannot create the folder /windows.0 - 18.93 hr back. (1)
  3. you tube parental control for windows xp - 108.30 hr back. (1)
  4. how to make win2000 look like winxp - 145.96 hr back. (1)
  5. how to clear windows warning message - 265.27 hr back. (1)
  6. free windows service pack1 installation cds to download - 274.51 hr back. (1)
  7. windows stalls at windows xp screen - 275.18 hr back. (1)
  8. windows warning mesage - 313.60 hr back. (1)
Similar Topics

Keywords : basic, tips, tricks, html

  1. Good Books For Html And Css Beginners
    (1)
  2. Indentation In Html
    (4)
    Whenever I start a new project one of the first things I do is put in a base index.php page. Yes,
    it's a .php file, but I won't be looking at the PHP just yet. Normally, it looks a little
    something like this: CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html
    xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <head>         <title>Title</title>         <meta http-equiv="c....
  3. Style P And H? Html Tags
    (2)
    Well, I have found that css was very hard to predict and precise control their apperance. When mix
    and use the p and h? tags. Their apperaence were not identity. Place the h? tags within the p tag
    causes style error on both firefox and IE. So, anyone should do it reserved, instead, place the p
    tag with any h? tags will do the jobs on both browsers. Still learning it coz it much varies when
    doing styles. Tested it on XHTML 1.0 Strict....
  4. Yaml - (x)html/css Framework
    (2)
    The YAML (Yet Another Multicolumn Layout) Framework is an excellent open source project that helps
    you to create two or three columns (X)HTML/CSS floated layouts. This framework is very easy to use
    and allows you to modifiy it to your own needs, this framework offers some tools for rapid
    development of modern and accessible CSS layouts. QUOTE Yet Another Multicolumn Layout (YAML)
    is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is
    extremely versatile in its programming and absolutely accessible for end users. Based on w....
  5. Sitepoint's Css And Html Reference Sites
    (2)
    Recently the folks at SitePoint.com launched two excelent online reference sites for web designers
    and developers, the first one is the SitePoint CSS Reference and the second one is the SitePoint
    HTML Reference (Beta) . Both of them are free and available to anyone and everyone who needs to
    lookup any information related to CSS and HTML in an easy and fast way. The SitePoint HTML
    Reference (Beta) is still in progress. Also, both of them are very detailed and up-to-date on each
    subject and are focused not only to beginners because they covers from general to advance....
  6. Html Emails How?
    (12)
    How on earth do you create HTML emails? I have been searching Google for some time now and can find
    ABSOLUTELY no information what so ever on how to ACTUALLY create HTML content emails. It just a
    bunch of programs and Microsoft applications, or testing facilities, I don't need any of this,
    there must be some coding system to it? I tried emailing using basic direct HTML tags (like ), but
    it fails (it just shows ), so how can I do this? I am not looking for anything really fancy, I
    just want to use some basic bolding and font changes and things to make it look a ....
  7. Html Table Issue.
    (18)
    Does anyone know how I might create a HTML table but using pure CSS (div's and what not). I
    really have no idea why, but for some odd reason my layout goes nuts if I try to use the table tags,
    even used properly with no errors the whole thing just brakes down (I don't use tables
    anywhere). So I figured my only option is to attempt to do it CSS way if possible?....
  8. About Html
    (15)
    How long did it take you to learn Html?? It took me about 2months to learn the basics lmao. I need
    a tuturial that has it all or a website.i would like it if someone did it. Thats why i get my
    friends to help me /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0"
    alt="biggrin.gif" /> But they are nice friends thats why. Like 2 people have helped me Sten and
    Habble Sten Owns www.habbofront.com which uses Asta as its host and www.habble-aus.com which uses
    Asta as its host. so this must be a good host because 2 good sites that have expert Htmlers so need
    he....
  9. Html Stats
    (3)
    Do you know how to get website stats in a html code?? Like The amount of people viewing the site at
    the moment and stuff like that?? because i need to know. Thanks if you reply to this i am in need
    for it. /tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" />....
  10. Stretching My Site Vertically
    Using CSS or HTML (6)
    I know it's possible, I've seen it one time. But I forgot. Many websites, if they hold more
    content than there is room for in the minimum height, the site stretches vertically. How can I do
    this? I only know that I need a background image of 1px height. Thanks in advance MediYama....
  11. Scripts And Html
    (13)
    Hey /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />, In the
    note pad, I put the proper code for php ?> and save the file as name.php But i can't put
    that file in html. This is a big problem since Iam trying to make an online text based game. Whats
    the code to put a script inside a web page. And do i need any special software for it? If so
    where can i download it? Thanks for reading /biggrin.gif" style="vertical-align:middle" emoid=":D"
    border="0" alt="biggrin.gif" />.....
  12. Firefox Inventing Its Own Html?
    (9)
    I am building a website for a client. I finally have the animations and the site content the way i
    want it. I updated the site via FTP, and IE displays it perfectly. Firefox however displays my "work
    in progress" animations still, even though the index file references the new animation. I have
    cleared cache, and even looked up the site on different computers, and on every one, FF displays
    those darn rough draft animations while IE works perfectly. Any idea as to what is going on here?....
  13. Quick Tips On Html And Css
    (11)
    Here are just some general tips, helpers and time-savers for HTML and CSS. HTML Ideally, you should
    be working under the XHTML 1.1 doctype specification. Some reasons: Improved semanticism - make use
    of the elements available appropriately to convey the information as it was intended. Improved
    understanding - because of an increase in semanticism, it's easier for your audience to
    understand what your trying to convey. Cleaner code - due to the deprecation of some elements and
    the strict requirements of nesting, closing and structure, your code becomes much cleane....
  14. Bulletproof HTML: 37 Steps To Perfect Markup
    Excellent article that highlights and answers most FAQ about HTML (4)
    Hi, i want to share with everybody this excellent article at sitepoint.com that i just read, it
    highlights and answers most FAQ about HTML, it's very consice and simply and for me it is a must
    to read. You can read it at Bulletproof HTML: 37 Steps to Perfect Markup . Best regards,....
  15. Home Videos
    html code for home video (4)
    I was wondering if anyone knows how to turn a home video that is saved on your computer to that of a
    html code so I can put it onto my myspace page... Please if anyone at all knows how to do this
    please please help me!!!!....
  16. A First Peep Into Html
    (5)
    Dear friends HTML is the building block of any web page. Without it no pages can be written though
    there are some exceptions. Even you got to have some knowledge of HTML to write dynamic web
    applications. An HTML file is a text file containing small markup tags The markup tags tell the Web
    browser how to display the page An HTML file must have an htm or html file extension An HTML file
    can be created using a simple text editor HTML is acronym of Hyper Text Markup Language. This time
    I will discuss about HTML tags. Dear friends HTML is the building block of any web pa....
  17. Where To Find A WML To HTML Converter ?
    (2)
    hello people, i need to convert few wml codings to html.. I have found plenty of converter that
    convert html to wap. But none of my use.. Please guide me.. Thanks in advance....
  18. HTML: Seems Like A Simple Problem, But I'm Baffled!
    (4)
    i got this one question...I have this page http://ebiztip.com/thankyou.html with an image of the
    book not coming out.....the image is named chapterm-big.jpg...but the image just want to hide....i
    swear there's nothing wrong with the html....or am I wrong???....
  19. Really Helpful Tips In Designing
    Tips for both webmasters and designers (4)
    I am not going to have internet connect for a week or two, /dry.gif" style="vertical-align:middle"
    emoid=" so just to keep my account active and running here is some really useful stuff I though
    you might be interested in! Its basically about some webmaster/designer tips. Keep these in mind
    when ever you are designing your site. It will prove very effective. This is through my personal
    advice. Content deleted, plagerised from
    http://www.zabswebdesignz.com/html/html/we...gning_tips.html Thats it guys, finsihed. Hope these
    dum tips /blink.gif" style="vertical....
  20. Need Help With The HTML HR Tag
    (5)
    Hi, does anybody knows which is the equivalent tag in CSS of the HTML HR tag or how do i replace
    this. I need this because the HR tag is deprecated and i wanna validate a website. The code that i
    need to replace is this: QUOTE best regards,....
  21. HTML Editor
    (23)
    I am sick of using notepad to create my HTML pages and I want somthing better. Are there any
    programs available that are easier to use than notepad for html editing. If so i wolud like to know
    about them. Thanx....
  22. How Can You Spice Up Your Basic HTML Site ? Beginner Needs Help
    (9)
    Well im new to this,and i know a person who knows how to do HTML,I of course dont lol,but I was
    wondering with html can you change the way the sites you make on here look and ect..(put flash in
    and w/e..)....
  23. Get Input From Html/txt File?
    with just html/css and maybe javascript? (2)
    I was just wondering if it's possible to retrieve text (and maybe images) from a .html or .txt
    file. So for example you get the header and footer from an external file. Is it possible with just
    html/css and maybe a little javascript or does it require server side scripting like php???
    -=jeroen=-....
  24. Here Are Some Html Tutorial Sites
    (1)
    I think here is a very good HTML Tutorial : Rolling Eyes
    http://www.allfreetutorials.com/htmltutorials.htm Also very competent : Rolling Eyes
    http://www.yourhtmlsource.com/ Adequate one : Rolling Eyes http://htmldog.com/ Take a look and
    you'll get all answers about HTML, CSS and Java-scripting. Laughing....
  25. Where Can I Learn Html Codes ?
    html codes (8)
    does anyone know a good website with html codes?....
  26. Web Design Tips: Add Your Own Cursor
    (4)
    The code that we will be using will work with Internet Explorer 6.0+. You can use your own cursor
    images -- just upload them to a website. Cursor images are special images with a .cur or a .ani file
    extension. body, a {cursor: url(http://www.youraddress.com/cursor.cur);} Replace
    youraddress.com/cursor.cur with the address of your custom cursor and then save your changes.
    That's it!....
  27. Where Can I Learn Advanced Html ?
    (11)
    Well over a few years ive been picking up little bits of html and have slowly learnt quite a bit (to
    my own surprise) But im still quite new and havnt found any sites that help much with advanced
    html! /sad.gif' border='0' style='vertical-align:middle' alt='sad.gif' /> If anyone knows
    of sites that show mainly advanced html and maybe even a bit of java could they plaese post it im
    desperate CHEERS!! /biggrin.gif' border='0' style='vertical-align:middle'
    alt='biggrin.gif' /> ....
  28. Free Shoutbox? HTML, Flash or PHP Code
    (24)
    does anyone know where i can find a free shoubox thats customisable? it can be in html, php or flash
    format. thanks in advance paul....
  29. Force Object To Load Last
    html question (2)
    Alright html wizards...i've got a question ^_^ I assume that, like other programming codes, html
    and php compilers read a code from top to bottom. Say I have a object though...and I want it to load
    last...how do I do that? Let's just pretend I have an image that I do not want to load until
    everything else on the webpage is loaded...how can I set that up? Is there perhaps a javascript code
    for it...or maybe a CSS style I could add onto the object? Or better yet, is it possible to make
    everything within a div/span/table tag load last? Another thing...if I leave an....
  30. Embedding XML into HTML
    (2)
    Hi, I am looking for a way to embed external rss/xml files into my html page, how/is this possible?....

    1. Looking for basic, tips, tricks, html

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for basic, tips, tricks, html
advertisement




Basic Tips and Tricks in HTML



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE