Lesson 1
Main Page/Next Lesson


Learning HTML 1

HTML --HyperText Markup Language This refers to the cross-links, also called hyperlinks between web pages.

A web site consists of a series of related web pages that users traverse, backwards, forwards and in virtually any order.

An HTML programer designs, produces and maintains web pages.
A web programer may find themselves daily:

  • designing new web pages
  • learning new HTML extent ions, tools, and tricks that help get the web-mastering job done faster and more accurately.
  • maintaining existing web sites, edit code to correcting problems and to present new material.

    NOTE: The more often you put fresh material on a web site, the more likely users are to return to your site.

    Maintenance is the process of changing and updating existing web sites to keep their content fresh and correct mistakes found in them.
    Bugs are the mistakes in the code.
    Internet consist of web pages, email, text, voice, video chat sessions, and an assortment of other tasks done by internet users.

    A web page comprises the most important piece of the internet because a web page is the user interface to the information that resides on the web.

    Virtually every web page have 2 things in common:

  • contain formatted text and graphic images
  • they are created, in whole or in part using HTML.

    NOTE: HTML contains no formatted text or images in itself. HTML consist of only unformatted text. The text contains instructions called tags or command tags that define exactly how formatted text and graphics appear in the inernet pages.

    Program means a set of instructions that makes the computer preform a specific task. A web pages's HTML set of tag commands are usually referred to as HTML code.

    History of HTML

  • Before HTML, one could only send text to people over internet, text without any formatting at all.
  • HTML is about 10 years old
  • The original goal of HTML was to present text that would enable the user to jump or hyperlinks between areas of interest.
  • HTML code ties all the data elements together by formatting them into a readable and useable web page.
    The beauty of HTML is that any computer with a web browser can read and interpret HTML code on incoming web pages-- and it can be written on any computer using a simple text editor.

    The better trained you are in HTML, the more appealing your resulting web pages will look.

    Source code is the actually unformatted code the page is composed of.

    NO formatted text and or graphics EVER appear inside the actual HTML code.

    a text editors like notepad are like a poor man's word processer, you can enter and edit text, but the test editor does not format lines, sentences, paragraphs, and ignore all spelling errors. A text editor is a, if not the most useful tool for creating HTML code.

    NOTE: Programers who write text based programs need their editors to retain line breaks and not wrap lines, as most word processors do. features such as automatic spelling would change many programming commands to words that are meaningless to the computer trying to run the program. Simple text editors are the "tools of the trade" for text-based programing.

    Notepad vs Frontpage

    FrontPage uses a graphical interface where you do not see or work with text. You can create a web page without even knowing HTML

    What You See Is What You Get (WYSIWYG) and Graphical User Interface (GUI) are words to describe graphical interface web making programs where the user does not ever see the actuall coding, but only the formatted text and images.

    So why learn HTML? The reason in simple--with "power" comes lack of flexibility. Although theses developmental tools contain super tools for placing your general web page elements and text, they Rarely does exactly what you want them to.

    FrontPage and other graphical interface programs do have variety, but they are not unlimited. If everyone used WYSIWYG's or a GUI the web would look very much the same. WYSIWYG and GUI programs make cookie cutter web pages.


    START THE CODE

    All HTML commands are called tags.

    Tags:

  • start tag < >
  • end tag < / >

    All HTML tags are enclosed between angles brackets. The end tags contains the same command as the start stag except it begins with a forward slash to distinguish where the tag pair ends.

    NOTE: it is best to always lowercase when typing code as some computer browsers will interpret uppercase differently then lowercase, causing possible errors when the page is viewed.

    File extensions are the letters after the "." in a file name. In "file.txt" the .txt is the file's extension.

  • Open a text file in notepad.
  • Type psalm 100
  • Save file as .html
  • add the start and end html tag.

    < html >
    text goes here
    < / html >

  • save and view the file.

    Congratulations you have created a web page!

    Create a Title.
    A title defines the page and sometimes displays needed information such as the filename reference. Never let the browser pick a window title for you.

    The title command tag must appear inside a special section of your web page called the header section. As in word processing, a header contains information about the web page that dopes not necessarily change from page to page. The most important element in the header is the title.

    Add to you page so it has theses command tags:

    < html >

    < head >
    < title >title goes here< / title >
    < / head >

    text goes here
    text goes here
    < / html >

    Most programers place the body of the web page in its own section called the body section. A body section is not required for simple web pages, but it will be needed for further formatting on most pages.

    Your page should have these command tags:

    < html >

    < head >
    < title >title goes here< / title >
    < / head >

    < body >
    text goes here
    text goes here
    < / body >
    < / html >

    Break tags < br > request that the browser move one down to the next line on the screen before displaying the text that follows. < br > tags are special because unlike many other command tags, the < br > tag has NO ending tag.

    Add < br > tags where you think they are needed to make your verse appear as it should.



    Here are a few extra commands to make your page even nicer...

    < center >centered text< / center >

    < b >bold< / b > < i >italic< / i >

    Don't forget to Save you file!



    Main Page/Next Lesson

























    Hosted by www.Geocities.ws

    1