Date post: | 24-Dec-2015 |
Category: |
Documents |
Upload: | leonard-sanders |
View: | 226 times |
Download: | 0 times |
Introduction What is HTML HTML Basic Contents HTML Phases Tags Properties Image Integration Forms
H-T-M-L are initials that stand for Hyper Text Markup Language
Hyper is the opposite of linear. It used to be that computer programs had to move in a linear fashion. This before this, this before this, and so on. HTML does not hold to that pattern and allows the person viewing the World Wide Web page to go anywhere, any time they want.
Text is what you will use. Real, honest to goodness English letters.
Mark up is what you will do. You will write in plain English and then mark up what you wrote. More to come on that in the next Primer.
Language because they needed something that started with "L" to finish HTML and Hypertext Markup Louie didn't flow correctly. Because it's a language, really -- but the language is plain English.
<table>
<body><head>
<title>
<meta>
HTML
Web Page
Phase 1Phase 1 Phase 2Phase 2 Phase 3Phase 3
<html><head>
<title></title></head>
<body></body>
</html>
<html><head>
<meta /><title></title>
</head>
<body></body>
</html>
<body>
<table><tr> <td></td> </tr></table>
</body>
<body> <table> <font> <img>
bgcolor="#FF9900"
leftmargin="0" rightmargin="0" topmargin="0"
text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF"
bgcolor="#FF9900"
background=“url“
width="780“Height=“400”border="0"
face="Arial" color="#990000" size="+4“
Style=“css”
src=“url“
align="left" border="0" height="50" width="50"
src
align
border
height / widthtitle
<img><img>
Example:
<img src="img/logo.jpg" align="middle" border="1" title="my logo" height="50" width="50" />
href
target
title
<a><a>
Example:<a href=“page.htm” target="_parent" title="any">
<img src="img/logo.jpg"/></a>
srcalign
border
Heightwidth title
<img><img>
"_blank" | "_parent" | "_self" | "_top" | window name
<form>…..</form>
ACTION: URL or the page where that form’s information goes
METHOD = GET | POSThow to transfer the data…
NAME: name of this form
TARGET = "_blank" | "_parent" | "_self" | "_top" | frame namewhat frames to put the results in
onSubmit: script to run before the form is submitted
onReset: script to run before the form is reset
<INPUT ...>
TYPE = TEXT | CHECKBOX | RADIO | PASSWORD | SUBMIT | RESET | BUTTON what type of field
NAME: name of this form field
VALUE: initial or only value of this field
SIZE: how wide the text field should be
MAXLENGTH: maximum number of characters
CHECKED: check this checkbox or radio button
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE | ABSMIDDLE | CENTER | BOTTOM | ABSBOTTOM | BASELINEhow text should flow around the picture
<input name="textfield" type="text" value="your name"/>
<textarea name="textfield9" rows="3"> </textarea>
<input name="radio_male" type="radio" value="radiobutton" /> Male<input name="radio_female" type="radio" value="radiobutton" /> Female
checked="checked"
<input type="checkbox“ value="checkbox" /> Networking<br /><input type="checkbox“ value="checkbox" />Web designing <br /><input type="checkbox“ value="checkbox" /> Database
checked="checked"
<select name="state" id="state"> <OPTION VALUE=''> -- Please Select State -- <OPTION VALUE='AK'> AK <OPTION VALUE='AL' > AL <OPTION VALUE='AR' > AR <OPTION VALUE='AZ' > AZ <OPTION VALUE='CA' > CA <OPTION VALUE='CO' > CO <OPTION VALUE='CT' > CT <OPTION VALUE='DC' > DC <OPTION VALUE='WY' > WY </select>
<input name="Submit2" type="submit" value="Submit" /><input name="Submit1" type=“reset" value=“Reset" />