Presentation is loading. Please wait.

Presentation is loading. Please wait.

ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.

Similar presentations


Presentation on theme: "ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes."— Presentation transcript:

1 ACM 511 HTML Week -1 ACM 511 Course Notes

2 Books ACM 511 Course Notes

3 World Wide Web ACM 511 Course Notes

4 World Wide Web ACM 511 Course Notes

5 World Wide Web ACM 511 Course Notes

6 World Wide Web ACM 511 Course Notes

7 HTML ACM 511 Course Notes  What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of markup tags HTML uses markup tags to describe web pages  HTML Tags HTML markup tags are usually called HTML tags HTML tags are keywords surrounded by angle brackets like HTML tags normally come in pairs like and The first tag in a pair is the start tag, the second tag is the end tag Start and end tags are also called opening tags and closing tags

8 Web Pages ACM 511 Course Notes  HTML Documents = Web Pages HTML documents describe web pages HTML documents contain HTML tags and plain text HTML documents are also called web pages  The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page.

9 Structure ACM 511 Course Notes

10 HTML Introduction ACM 511 Course Notes

11 Page Structure ACM 511 Course Notes

12 Character Encoding/Stylesheets/Javascript ACM 511 Course Notes

13 HTML Elements ACM 511 Course Notes  HTML Element Syntax An HTML element starts with a start tag / opening tag An HTML element ends with an end tag / closing tag The element content is everything between the start and the end tag Some HTML elements have empty content Most HTML elements can have attributes This is my first paragraph.

14 HTML Attributes ACM 511 Course Notes

15 HTML Headings ACM 511 Course Notes

16 HTML Basic ACM 511 Course Notes  HTML Paragraphs HTML paragraphs are defined with the tag. This is a paragraph. This is another paragraph.  HTML Links This is a link  HTML Images

17 HTML Basic ACM 511 Course Notes Prepare this page in Notepad, the picture will act as a link.

18 HTML Lines ACM 511 Course Notes  HTML Lines The tag creates a horizontal line in an HTML page. This is a paragraph This is a paragraph This is a paragraph

19 HTML Formatting ACM 511 Course Notes This text is bold This text is strong This text is big This text is italic This text is emphasized This is subscript and superscript

20 HTML Fonts (not supported) ACM 511 Course Notes This paragraph is in Arial, size 5, and in red text color. This paragraph is in Verdana, size 3, and in blue text color.

21 Hyperlinks ACM 511 Course Notes

22 Hyperlinks ACM 511 Course Notes

23 HTML Lists HTML Unordered Lists An unordered list starts with the tag. Each list item starts with the tag. Coffee Milk HTML Ordered Lists An ordered list starts with the tag. Each list item starts with the tag. Coffee Milk ACM 511 Course Notes

24 HTML Lists HTML Definition Lists A definition list is a list of items, with a description of each item. The tag defines a definition list. The tag is used in conjunction with (defines the item in the list) and (describes the item in the list) Coffee - black hot drink Milk - white cold drink ACM 511 Course Notes

25 HTML Tables ACM 511 Course Notes

26 HTML Tables ACM 511 Course Notes

27 HTML Tables ACM 511 Course Notes

28 HTML Tables ACM 511 Course Notes

29 HTML Tables http://www.silentblade.com/SplitImage.zip ACM 511 Course Notes

30 Tables ACM 511 Course Notes

31 HTML Forms

32 HTML Forms (Input) (Password) ACM 511 Course Notes

33 HTML Forms (Checkbox) ACM 511 Course Notes

34 HTML Forms (Radio Button) ACM 511 Course Notes

35 Dropdown List ACM 511 Course Notes

36 HTML Forms ACM 511 Course Notes DO IT YOURSELF

37 Block Elements ACM 511 Course Notes

38 Inline Elements ACM 511 Course Notes

39 Grouping Block Elements ACM 511 Course Notes

40 Grouping Inline Elements ACM 511 Course Notes


Download ppt "ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes."

Similar presentations


Ads by Google