Presentation is loading. Please wait.

Presentation is loading. Please wait.

Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'

Similar presentations


Presentation on theme: "Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'"— Presentation transcript:

1 Html Basic Codes Week Two

2 Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'

3 First HTML tags The first tag you type in an HTML document is a tag which identifies the language you are using. This tag consists of the letters HTML surrounded by angle brackets.

4 Document Header Below and nested inside the tag. The is a crucial section of your document since it contains the document title and information that will help Internet search engines catalog your document correctly.

5 Title Tag On the line below and Nested in your tag. This is the tag we use to mark the beginning of your page title, and search engines use it to catalog your site. Where do you see the Title on The Browser?

6 Closing the Tag “/” or First Tag Page

7 Meta Tag Description

8 Body Tag On the line below the closing tag. The actual contents of your web page is nested between the Body tag.

9 What it Looks like First Code Page This is my Content

10 Save your Work All HTML documents must have an ".html" extension and MUST be saved in "text" format. There are other extensions Click the FILE menu > SAVE AS > in the FILENAME box, you type index.html

11 View Your Web Page Launch your Web Browser and select FILE > OPEN. Each browser and platform may have a different menu selection. Locate your index.html file and open it.

12 Line breaks Line Break This starts a new line. NO closing tag is needed, just include the ending slash to conform to XML standards. Paragraph This skips one line and starts a new line. A closing tag is needed.

13 Horizontal Lines This tag makes a very fine shaded horizontal line.

14 Horizontal Line Attributes Width Size (thickness) Align can be left or right. default is center. Color Noshade makes the line dark For example,

15 Blank Space (ampersan) This is a non-breaking space tag.

16 Heading tags... through... This tag controls the size of text.

17 Font tag The tag can control the size, color, and face of your text.

18 FONT SIZE Font sizes range from 1-7 with 1 being the smallest and 7 being the largest. The default size for text is 3.

19 Font Color You can use Color names or Hex Numbers

20 Font Face Be very careful using this attribute.

21 Aligning text the text that follows aligns along the right hand side of the page. This tag will cause whatever follows to be centered in the next line in the page. Must have a closing tag.

22 Creating an Indented Paragraph... These tags mark the beginning and end of a paragraph that will be indented about one- half inch on both the left and right sides. This paragraph is going to be indented quite a bit more.

23 Adding Bold, Italic and Underlines... used to make your text bold.... used to italicize your text.... used to underline your text.

24 Homework First Code: On one page, turn in the code for a web page which contains the following elements: basic tags [5 points], headings [5 points], font size, color, face, [10 points], break tags [5 points], formatting tags [5 points]

25 Quiz & Questions 10 question multiple choice Questions?


Download ppt "Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'"

Similar presentations


Ads by Google