Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
1Activity
0 of .
Results for:
No results containing your search query
P. 1
HTML and CSS Prereading

HTML and CSS Prereading

Ratings: (0)|Views: 71 |Likes:
Published by Kelly Bauer

More info:

Published by: Kelly Bauer on Jul 26, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

07/26/2011

pdf

text

original

 
 
HTML/CSS Readings
The following is a general summary of how HTML and CSS work. It includes anumber of code snippets and exercises to complete prior to thecommencement of problem 3 of the preliminary course.
Industrial Technology
Kelly Bauer
 
 HTML
HTML is now used basically to hold content (ie, text, images etc) withstyle being handled by CSS. This separationof content and styleallows more flexibility for handling style changes and also makes thepage more accessible for people with disabilities that use screenreaders (further info). There are also more styling features availablewith CSS than HTML (see Zen CSS).HTML is an evolving language, with the current standard beingXHTML, about to evolve into HTML 5.0 which will allow a higherstandard of interactivity. There are a variety of tags (HTML features)that have evolved to become obsolete, which are no longer supportedby browsers. This means that your website, if it uses these tags, maynot function as you hope. Different browsers also have different standards, so this can mean a very different design shown in onebrowser to the other.The basic structure of a webpage is:HTML document Head: Contains information about the page. (meta tags) Forexample, the keywords for the page, and information about thepage.Body: Contains everything that is displayed on the page.The basic structure of a webpage translates to:
<head></head><body></body>
 
Bauer IND TECH: HTML/CSS 3
 A
basic
 
rule
 
of 
 
HTML
 
is
 
that 
 
anything
 
that 
 
is
 
between
 
a
 
start 
 
tag
<
b>
 
and
 
an
 
end
 
tag
</
b>
 
will
 
have
 
that 
 
tag
 
apply
 
to
 
it.
 E
g.
 
W
hich text will be <b> bold </b>?
A
nswer:
 W
hich
 
text 
 
will
 
be
 
bold
?
 
The
 
tags
 
are
 
fairly
 
logical:
 
<p> is a paragraph </p><br />is a line break that isn¶t a paragraph (ie, a carriage return)<imgsrc=´filename.jpg´ width=´100 height=´50´ />is to insert an image in the same folder that is 100 pixels wide and 50 pixels wide.The end / in both br and img is because these two tags do not have an end tag«thatis, that they don¶t wrap around another element.
Task 
1.
 
Look 
 
at 
 
http:
//
www.w3schools.com
/
html
/
default.asp
 2
.
 
Create
 
a
 
list 
 
of 
 
major
 
tags
 
that 
 
you
 
would
 
use.
 

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->