Web Design and Development Introduction to HTML
HTML HyperText Markup Language All pages have some form of HTML Format text Add graphics Sound Video Save in text file or ASCII Any computer can read
TAGS Key words enclosed in < . . . /> Indicates content Used for formatting Open and close tag <center> . . . </center>
3 TYPES OF MARKUP Elements Attributes Values Small labels to identify structure Header, paragraph, body Attributes Information about the data Name, width, height, location, type Values Must be enclosed in quotes Numerical, file name
EXAMPLE attribute <img src=“picture.jpg” width=“600” height=“400”/> <td colspan=“3”>February</td> tag close tag value
ORGANIZATION .jpg .doc .html .gif Uniform Resource Locator Web pages consist of many files Use file names with lowercase letters Use the proper extension .jpg .doc .html .gif URL’s Uniform Resource Locator A web address
TEXTEDIT Preference settings Basic HTML setup
BASIC HTML SETUP <!DOCTYPE html> <html> <head> <title> </title> </head> <body> </body> </html>
CLASS EXAMPLE TEXT EDIT
TABLE TAGS <table> . . . . . . . . . </table> Creates space in your page for the table object <tr> . . . . . . . . . </tr> Creates a table row <td>. . . . . . . . . </td> Creates a table definition (column and cell)
TABLE ATTRIBUTES colspan = “2” rowspan = “4” cellpadding = “5” cellspacing = “10” align = “center” border = “1” width = “200” height = “200” bgcolor = “blue”
CLASS EXAMPLE TEXT EDIT