Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML Tag Mark-Up How Tags are used to form your Web Page.

Similar presentations


Presentation on theme: "HTML Tag Mark-Up How Tags are used to form your Web Page."— Presentation transcript:

1 HTML Tag Mark-Up How Tags are used to form your Web Page

2 What is HTML? HTML stands for Hyper Text Mark-up Language It is the basic set of rules that web browsers use to interpret and display internet documents Tag Mark-up Sheet

3 Tags Tags mark the beginning and end of a particular element. They (almost) always bracket the element Mark-Up Assignment Here is the BODY

4 Elements Elements are parts of the document that are distinguished by tags Mark-Up Assignment Here is the BODY Closed Elemets have a beginning and end Everything between them is called the “content” of the element

5 Elements Web Pages are made up of “elements” – or distinct parts –The Head Can hold lots of non- display information The Title is NOT displayed on the page, the title appears at the top of the window, in the colored bar

6 The Body This is where most of the page is It can include –Tables –Lists –Quotes –Pictures –Just about anything else See it

7 Heading Sizes Heading One Heading Two Heading Three Heading Four Heading Five Heading Six Headings are not numbered as they go down the page The through tags refer to the size of the heading Any Heading tag can be used anywhere on the page

8 Paragraphs Paragraphs are separated by space from what comes before and after They are not, by default, indented Here is some interesting information about this. On the other hand, there is this information here. Here is some interesting information about this. On the other hand, there is this information here.

9 Spaces and Returns HTML only recognizes ONE space between each word The tag will separate with a space The tag gives a “hard return” Roses are red Violets are blue My feet stink And so do you Roses are red Violets are blue My feet stink And so do you What you type: What you see:

10 Spaces and Returns HTML only recognizes ONE space between each word The tag will separate with a space The tag gives a “hard return” Roses are red Violets are blue My feet stink And so do you Roses are red Violets are blue My feet stink And so do you What you type: What you see:

11 Un-Ordered List These are Bulleted lists The list begins with It ends with They don’t have a particular sequence each thing in the list gets list item tags Make paragraphs Use tables that may or may not have borders Make links Insert pictures Make paragraphs Use tables that may or may not have borders Make links Instert pictures What you type: What you see:

12 Ordered Lists 1. stands for Ordered List 2.Signal the end of the list 3.Each element still gets the & tags. 4.The browser adds the numbers (or letters or Roman numerals) 1.Come to class on time 2.Get out your materials for class 3.Be ready to participate 4.Raise your hand if you have a comment or question See it Come to class on time Get out your materials for class Be ready to participate Raise your hand if you have a comment or question What you type: What you see:

13 Other Formats This is Bold This is Italicized This is Underlined This is Bold This is Italicized This is Underlined See it What you type:What you see:

14 “Open Elements” Open Elements are tags that do not have any content following them or within an opening and end tag. – In future browsers, all Elements must be “closed” – Here is a line. HTML calls it a “header row” There will be a space before this Here is a line. HTML calls it a “header row” There will be a space before this

15 What you need to do: Fill in all the tags that are indicated on the Tag Mark-Up handout. Tag Mark-Up Go to a computer and create your own “Basic Page” using the exact text presented in the folders at the computer. Save the Basic Page into your File Folder Each person must create their own, individual, Basic Page


Download ppt "HTML Tag Mark-Up How Tags are used to form your Web Page."

Similar presentations


Ads by Google