Introduction to HTML

What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create a Web site? 1.Hardware 2.Software (any web-authoring software - Macromedia Dreamweaver, Adobe GoLive, Netscape Composer, etc) 3.Know-how (HTML) Web site essentials ComputerWeb Server (FTP) connection

Stands for: HyperText Markup Language Defined as: A simple programming language used for creating and controlling how Web pages appear Invented by: Tim Berners-Lee around Reviewed and improved by: World Wide Web Consortium (W3C) - What is HTML?

TAGS Web page content Elements: Little labels that create the parts of a Web page: paragraph, table, fonts, images, etc Attributes: Properties of the elements: alignment, width, height, style Values: Properties of the attributes An example: Table content HTML Syntax elementattributevalueattributevalue

Type of document: Your whole Web page goes here Head: Some Web page settings such as Title, Author, Page description Body: The entire visible content of your Web page Think of it like a person -> A typical Web page

No Web page layout without a TABLE: This is row 1, column 1 This is row 2, column 2 This is row 2, column 1 This is row 2, column 2 Essential HTML elements - TABLE R1C1R1C2 R2C1R2C2

Arrange text in PARAGRAPHS: Use the tags to start a paragraph. Don’t forget to close each paragraph with a. Using this tag creates an empty one-line space between your paragraphs. When I don’t want a one-line space before my sentence, then I use the tag instead. This command makes my text to start on a new line, but without the spaces created by the paragraph tag. Essential HTML elements –PARAGRAPHS & LINES

Go to another Web site: The word or image you want people to click to go to this new location Go to another page in your site: The word or image you want people to click to go to this new page Send me an The word or image you want people to click to open up software Essential HTML elements – HYPERLINKS

Basic rules: HTML is abbreviated English: tags are logical and have meaning. A Web page is a combination of pieces (text, picture, multimedia) kept together by HTML tags. Keep the pieces small – large file size results in slow browsing. No capital letters, spaces or other special characters in your file names. Keep all files in the same folder!!! Where to find HTML tags: HTML Cheat sheet: In summary