Download presentation
Presentation is loading. Please wait.
1
Web Design and Development
Introduction to HTML
2
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
3
TAGS Key words enclosed in < . . . /> Indicates content
Used for formatting Open and close tag <center> </center>
4
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
5
EXAMPLE attribute <img src=“picture.jpg” width=“600” height=“400”/> <td colspan=“3”>February</td> tag close tag value
6
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
7
TEXTEDIT Preference settings Basic HTML setup
8
BASIC HTML SETUP <!DOCTYPE html> <html> <head> <title> </title> </head> <body> </body> </html>
9
CLASS EXAMPLE TEXT EDIT
10
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)
11
TABLE ATTRIBUTES colspan = “2” rowspan = “4” cellpadding = “5” cellspacing = “10” align = “center” border = “1” width = “200” height = “200” bgcolor = “blue”
12
CLASS EXAMPLE TEXT EDIT
Similar presentations
![>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.](/24/7400148/big_thumb.jpg ">> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.>")
