. Class Notes

. Class Notes 10-17-12

What is HTML?

Quality: It is a computer programming lanuage. There are multiple lanuages in which websites are coded.

There are a number of lanuages within web rubric:  ASP, PHP, CFM

Ex: http://www.iona.edu/academic/artsscience/advisement/grad_advisement.cfm (CFM)

Web pages : Static ( A File with a name ) & Dynamic ( Served by a data base ) ie : WordPress (ie :  Template, Shell, in which your copy is inserted)

Static pages are also called flat files & the internet is a huge number of pages. The internet (WWW) is huge wether its static or dynamic. Usually you can tell by HTML (static) , CFM ( usually served by a data base) , ie : Iona – Flat File ( the pages change, as well as code)

HTML are organized like a simple body.  There organized with a head & body. The head describes what the page is going to look like and what its functions will be . It provides instructions for the page. Which may vary from where to find things to additional files. In the head tag, you dont see anything on the page which come from the head section. The words in the body are seen. The Body section is critical for content.

The next principle of HTML is tags. Tags are how the page within the body section also in the head, are in different elements and how they behave. They exist in pairs and non pairs. Many are in pairs to show where things begin and end.  Certain things dont require an end tage ( A line break, A comment, A Rules) .

– Comments: A tage within HTML ,  notes are what programmers make that are invisible

Tags are nested.

Matryoshka Dolls

Are perfect for HTML codes. They are nested. Like tags must reside in like tags.

Tags have attributes :

<img id=”il_fi” title=”Matryoshka Dolls” alt=”” src=”http://4.bp.blogspot.com/-1BgbHf6sbsE/Te-5OCKLbGI/AAAAAAAAAGk/EYzOYwWZNew/s1600/doll8.jpg” height=”200″width=”408″ />

Tags begins with ( < ) ends with ( /> ) ; There are a couple of major tags, which are the media tags & the links. The media tags relate to images, movies, audio files etc. One of the media tags is the image tag. The attributes are indiciated by name of atribute, name of  = sign,  quotes/direction and than closed by quote marks. Attrbutes are seperated by word spaces.

src = Source

ex: =”” src=”

* Code must be perfect. Other atributes are Heights & Width

Images also contain an ATL tag.

– A Tag ( Anchor) :

http://jurongusb.blogspot.com/p/matryoshka-doll.html#!/p/matryoshka-doll.html

Text :

<a href=”http://jurongusb.blogspot.com/p/matryoshka-doll.html#!/p/matryoshka-doll.html”>http://jurongusb.blogspot.com/p/matryoshka-doll.html#!/p/matryoshka-doll.html</a>

a href is follwed by equal sign and a quote . The primary route of an atribute tells you where it is . Takes you to other pages thorugh hyperlinks.


Color

Leave a comment