![INTRODUCING THE WORLD WIDE WEB ,[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (20)
Semelhante a Web Fundamentals And Html Chapter 1
Semelhante a Web Fundamentals And Html Chapter 1 (20)
Mais de raileeanne
Último
Último (20)
Web Fundamentals And Html Chapter 1
- 1. WEB FUNDAMENTALS AND HTML Chapter 1
- 10. CREATING A SIMPLE WEB PAGE
- 13. All HTML Documents Have the Same Structure <HTML> T The first 6 tags are always the same in basic HTML document. Also known as HTML Headings . <TITLE> Online Resume </TITLE> </HEAD> D> <HEAD> </HTML> </HTML> IINTRODUCTION TO HTML <TITLE>
- 16. Common Body Tags/Syntax in Creating a Web Page
- 17. Creating Heading Tags HTML has 6 levels of heading which arrange from biggest to smallest size <H1> My Resume </H1> <H2> My Resume </H2> <H3> My Resume </H3> <H4> My Resume </H4> <H5> My Resume </H5> <H6> My Resume </H6>
- 18. CREATING HEADING TAGS Headings <H1...H6> <HTML> <HEAD> <TITLE>Online Resume</TITLE> </HEAD> <BODY> <H1>My Resume</H1> <H2>My Resume</H2> <H3>My Resume</H3> <H4>My Resume</H4> <H5>My Resume</H5> <H6>My Resume</H6> </BODY> </HTML>
- 20. HTML Line Breaks Use the <br /> tag if you want a line break (a new line) without starting a new paragraph: The <br /> element is an empty HTML element. It has no end tag. <br> or <br />
- 21. Saving a new HTML Document 1. Pull down the File menu and select s ave As 2. You will now see the Save As dialog box 3. Once you’ve determined the location for the file, you will need to give the file name. There are some rules to follow when naming HTML files: No spaces, and special characters a (é,%,#....) No very long name Generally, keep the file names all lower case. All file names must end with the extension of .htm or html
- 22. After Saving the Document, you should see the name of the document at the top of your WordPad window In this case, the file is called index. You will not see the extension of .html and that is to be expected.
- 23. Previewing a Local HTML Document Go to the local folder and double clic on the index.htm file This will open the index.htm in your default internet bowser ( Netscape or MS internet explorer )
- 24. BACKGROUND COLOR
- 25. Background Colors <HTML> <HEAD> <TITLE>Backgrounds</TITLE> </HEAD> <BODY BGCOLOR="#0000FF"> This page has a blue background. <P> </BODY> </HTML>
- 26. HTML COLOR CODES
- 27. 000000 000000 000000 000000 000000 000000 000000 111111 110000 111100 001100 001111 000011 110011 222222 220000 222200 002200 002222 000022 220022 333333 330000 333300 003300 003333 000033 330033 444444 440000 444400 004400 004444 000044 440044 555555 550000 555500 005500 005555 000055 550055 666666 660000 666600 006600 006666 000066 660066 777777 770000 777700 007700 007777 000077 770077 888888 880000 888800 008800 008888 000088 880088 999999 990000 999900 009900 009999 000099 990099 AAAAAA AA0000 AAAA00 00AA00 00AAAA 0000AA AA00AA BBBBBB BB0000 BBBB00 00BB00 00BBBB 0000BB BB00BB CCCCCC CC0000 CCCC00 00CC00 00CCCC 0000CC CC00CC DDDDDD DD0000 DDDD00 00DD00 00DDDD 0000DD DD00DD EEEEEE EE0000 EEEE00 00EE00 00EEEE 0000EE EE00EE FFFFFF FF0000 FFFF00 00FF00 00FFFF 0000FF FF00FF
- 28. 00FF80 80FF00 8000FF 0080FF FF8000 FF0080 11FF80 80FF11 8011FF 1180FF FF8011 FF1180 22FF80 80FF22 8022FF 2280FF FF8022 FF2280 33FF80 80FF33 8033FF 3380FF FF8033 FF3380 44FF80 80FF44 8044FF 4480FF FF8044 FF4480 55FF80 80FF55 8055FF 5580FF FF8055 FF5580 66FF80 80FF66 8066FF 6680FF FF8066 FF6680 77FF80 80FF77 8077FF 7780FF FF8077 FF7780 88FF80 80FF88 8088FF 8880FF FF8088 FF8880 99FF80 80FF99 8099FF 9980FF FF8099 FF9980 AAFF80 80FFAA 80AAFF AA80FF FF80AA FFAA80 BBFF80 80FFBB 80BBFF BB80FF FF80BB FFBB80 CCFF80 80FFCC 80CCFF CC80FF FF80CC FFCC80 DDFF80 80FFDD 80DDFF DD80FF FF80DD FFDD80 EEFF80 80FFEE 80EEFF EE80FF FF80EE FFEE80 FFFF80 80FFFF 80FFFF FF80FF FF80FF FFFF80
- 29. 800080 808000 008080 400040 404000 004040 801180 808011 118080 401140 404011 114040 802280 808022 228080 402240 404022 224040 803380 808033 338080 403340 404033 334040 804480 808044 448080 404440 404044 444040 805580 808055 558080 405540 404055 554040 806680 808066 668080 406640 404066 664040 807780 808077 778080 407740 404077 774040 808880 808088 888080 408840 404088 884040 809980 808099 998080 409940 404099 994040 80AA80 8080AA AA8080 40AA40 4040AA AA4040 80BB80 8080BB BB8080 40BB40 4040BB BB4040 80CC80 8080CC CC8080 40CC40 4040CC CC4040 80DD80 8080DD DD8080 40DD40 4040DD DD4040 80EE80 8080EE EE8080 40EE40 4040EE EE4040 80FF80 8080FF FF8080 40FF40 4040FF FF4040
- 30. 66FF00 66FF33 66FF66 66FF99 66FFDD 66FFFF 990000 990033 990066 990099 9900DD 9900FF 993300 993333 993366 993399 9933DD 9933FF 996600 996633 996666 996699 9966DD 9966FF 999900 999933 999966 999999 9999DD 9999FF 99DD00 99DD33 99DD66 99DD99 99DDDD 99DDFF 99FF00 99FF33 99FF66 99FF99 99FFDD 99FFFF DD0000 DD0033 DD0066 DD0099 DD00DD DD00FF DD3300 DD3333 DD3366 DD3399 DD33DD DD33FF DD6600 DD6633 DD6666 DD6699 DD66DD DD66FF DD9900 DD9933 DD9966 DD9999 DD99DD DD99FF DDDD00 DDDD33 DDDD66 DDDD99 DDDDDD DDDDFF DDFF00 DDFF33 DDFF66 DDFF99 DDFFDD DDFFFF FF0000 FF0033 FF0066 FF0099 FF00DD FF00FF FF3300 FF3333 FF3366 FF3399 FF33DD FF33FF FF6600 FF6633 FF6666 FF6699 FF66DD FF66FF FF9900 FF9933 FF9966 FF9999 FF99DD FF99FF FFDD00 FFDD33 FFDD66 FFDD99 FFDDDD FFDDFF FFFF00 FFFF33 FFFF66 FFFF99 FFFFDD FFFFFF
- 31. Character Formatting <CENTER>Centering</CENTER> <HTML> <HEAD> <TITLE>The Moroccan NODC, Rabat</TITLE> </HEAD> <BODY> <CENTER> <H1>Welcome to The Moroccan National Oceanographic Data Center – Odinafrica - Rabat </H1> </CENTER> </BODY> </HTML> INTRODUCTION TO HTML
- 32. Character Formatting <B> Bold </B> & <I> Italics </I> <BR> - The Break Tag <HTML> <HEAD> <TITLE>The Moroccan NODC, Rabat</TITLE> </HEAD> <BODY> <CENTER> <H1>Welcome to The Moroccan National Oceanographic Data Center – Odinafrica - Rabat </H1> </CENTER> </BODY> </HTML> <H3>Contact Information</H3> <B>CNDIO Maroc</B><BR> PO Box 1014-Avenue Ibn Batouta, Rabat Maroc <BR> Téléphone : (212). 37. 67. 59. 09 <BR> Fax : (212). 37 67 59 09 <BR> INTRODUCTION TO HTML
- 37. Character Formatting <CENTER>Centering</CENTER> <HTML> <HEAD> <TITLE>The Moroccan NODC, Rabat</TITLE> </HEAD> <BODY> <CENTER> <H1>Welcome to The Moroccan National Oceanographic Data Center – Odinafrica - Rabat </H1> </CENTER> </BODY> </HTML>
- 38. Attribute Example Purpose size="number" size="2" Defines the font size size="+number" size="+1" Increases the font size size="-number" size="-1" Decreases the font size face="face-name" face="Times" Defines the font-name color="color-value" color="#eeff00" Defines the font color color="color-name" color="red" Defines the font color
- 40. HTML Rules (Lines) The <hr /> tag is used to create an horizontal rule (line). Example <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p>
- 44. Inserting a Graphic Image
- 46. CREATING A HYPERTEXT DOCUMENT
- 47. Destination – a hypertext document contains links that you can select, usually by clicking a mouse, to instantly view another topic or document. Creating Anchors <A> - tag creates an anchor, text that is specially marked so you can link to it from other points in the document. <A Name = “EMP”>Employment</A> <Name = “PHOTO”>IMG SRC=“Taylor.gif></A>
- 48. <A HREF = “EMP”> EMPLOYMENT</A> Link tags – tags that create links HREF – Hypertext REFerence - refer to an anchor that you place in the document. “ #anchor_name” refers to that anchor with a pound (#)symbol.
- 52. System – is a set of pages, usually created by the same person or group, that treat the same topic and that have the same loo