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
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.
OMG! A very rare specie! The so called “hot nerd” ♥‿♥ ok ok, I’ll try to
lear some coding
Does a folder being above or below another folder literally mean above or
below?
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.
I am actually learning this! This is actually quite easy!
(Am I doing this right?)
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?
what does http mean?
He is really the computer guy!
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?
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!
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.
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
What is a doctype? Can someone explain to me ?
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.
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
Thanks for this video Eli !
Thanks
Isn’t that the supposed to be the forward slash and not the back
slash….Kindly correct me if I am wrong.
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.
idk what i would do without your videos 😀 you’re awesome dude !!
@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;
}
tanq
THANK YOU VERY MUCH
Hey ! Its the goalie for team USA!
what?!