Introduction to HTML Programming | Info

Level: Beginner
Presenter: Eli the Computer Guy
Length of Class: 100 Minutes
Tracks

Web Design
Prerequisites

Introduction to Website Administration
Purpose of Class

This class teaches students basic HTML Programming. After taking this class students will be able to code basic HTML web pages and write raw HTML code for sites such as Craigslist.
Topics Covered

Creating an HTML Page
Formatting Text
Creating Lists
Creating Tables
Adding Pictures
Adding Hyperlinks
Class Notes

Introduction
HTML is still very relevant for web programming
HTML is used to create Static Web Pages and for Formating
The Basics
Suffix has to be with .htm or .html
Home page has to be named INDEX or DEFAULT
Different web browsers display things differently
Deprecated means you should not use
If you have a LINUX web server you have to make sure you use correct capitalization

25 replies on “How To Write HTML Code”

  1. This video is a joke, right? HTML is not a programming language. It’s a
    markup language – you can’t do logic with it. Plus when he said that
    notepad is one of the better applications for writing HTML it was high time
    to turn off this dreadful video.

  2. OMG! A very rare specie! The so called “hot nerd” ♥‿♥ ok ok, I’ll try to
    lear some coding

  3. Does a folder being above or below another folder literally mean above or
    below?

  4. HTML is NOT a programming language! It’s a markup language – it’s in the
    name FFS! This bloke does not know what he is talking about.



  5. I am actually learning this! This is actually quite easy!

    (Am I doing this right?)

  6. hi i need your help. I tried to center the but the bullet points stay
    on the left whilst the text centers. i read some blogs they suggested i
    tried something with css only problem is once its centered it wasn’t
    straight and looks like a pyramid please could you help me?

  9. this may be stupid question … but is it all with American orthography? If
    I were to spell center as “centre” as we do here in UK, would that affect
    the html?

  10. I’m sorry I have to say it, this video looks like it was filmed in a prison
    cell lol! I love your videos Eli, keep them coming!

  11. COLLEGE OF COMPUTER AND ENGLISH OF BAJA CALIFORNIA: —-ABIMAEL BORRALLES
    LOPEZ, INTRODUCTION TO HTML PROGRAMING, PROGRAMATION HTML, is the best
    program I’ve seen in my life, and I like a lot, this will help me improve.

  12. If anyone is interested if this is a good video. Everything he talked about
    in this one video. Took an ENTIRE Semester to go through in school. This is
    a fantastic video. Although he didnt talk about But thats okay

  14. I spoke to someone familiar with HTML, he said HTML is easier from
    programming side than learning VBA code. Eli, you described it best in
    beginning of video. HTML is the coding that allows users to see websites
    after we enter the web address. That is done by connecting to a network,
    with a client/server architecture. I can understand basics so far,
    except actually seeing it done is 100% different than reading text
    from complicated HTML books. Computer programming is a niche.

  15. Html is not programming simply Marking up the page with tags. The tags in
    HTML are like place holders for your content or yours site

    HELLO
    WORLD

    will out put a big header. As for programming is much more
    complex with Conditional statements/ Loops/ Algorithms / Functions/
    reserved syntax’s and functions withing the programming language and
    databases i learn xhtml and html5 withing 2 weeks. Programming is not
    impossible to learn but will take some time to get down and be able to
    write programs or scripts that will work and process perhaps data or
    functions. Message me if you would like to learn I will be making tutorials
    on anything you like 

  18. Isn’t that the supposed to be the forward slash and not the back
    slash….Kindly correct me if I am wrong.

  19. Make sure you hit F5 to refresh your web page but if you want to save
    something don’t Ctrl. S, go to file scroll down to save and then click
    save.

  21. @charset”utf-8″;
    /* CSS Document */
    /* ==============================================
    TEIL I – Reset
    ============================================== */
    /* Keine Abstände für sämtliche Elemente */
    * { padding: 0; margin: 0; }
    /* Links */
    a {
    text-decoration:none; /* keine Unterstreichung */
    outline:none; /* verhindert, dass bei visited, active + focus ein Rahmen
    von den Browsern gesetzt wird */
    }

    /* ==============================================
    TEIL II – Ihre individuelle Gestaltung
    ============================================== */
    body {
    background-color: #CCC;
    color: #666;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    }
    #wrapper {
    width: 1100px;
    margin: 10px auto;
    padding:5px;
    padding-bottom:0;
    background-color: #999;
    }
    #header {
    height:232px;
    background-image:url(header_reisen.jpg);
    }
    #content {
    height:1100px;
    margin-top:10px;
    padding:30px 20px;
    background-color: #FFF;
    text-align: justify;
    }
    #footer {
    padding:5px 20px;
    background-color:#434445;
    font-size: 12px;
    color: #fff;
    }
    h1 {
    color: #333;
    font-weight: bold;
    font-size:20px;
    margin-bottom: 10px;
    }
    img {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom:5px;
    border: #666 solid 2px;
    }
    /* ————- Gestaltung Liste ————- */
    ol {
    color: #666;
    margin-left:23px;
    }
    ol li {
    font-weight:bold;
    }
    ol li ul li {
    margin-left:23px;
    margin-bottom:10px;
    font-weight:normal;
    list-style-image:url(weltkugel.png);
    }
    ul {
    margin-top:8px;
    }

    /* ———– Gestaltung Linkzustände ———– */

    a:link {
    color:#434445;
    font-style:oblique;
    }
    a:visited {
    color: #007EBB;
    }
    a:hover {
    color:#8b373d;
    }
    a:active, a:focus {
    color:#FAE49A;
    border-bottom:thin dotted #FAE49A;
    }

Comments are closed.