1 / 14

Learn HTML: My First Web Page

This is my first web page, showcasing various HTML elements including headings, formatting, lists, and images. It includes intra-document links for easy navigation and examples of external links to useful resources. You will find demonstrations of HTML tags in action, such as ordered and unordered lists, definitions, and images. Created by Mark Jensen, this introductory page serves as a basic guide for those starting to learn HTML.

iniko
Télécharger la présentation

Learn HTML: My First Web Page

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. <HTML> <HEAD> <TITLE> This is my first web page </TITLE> </HEAD> <BODY>

  2. <P ALIGN="RIGHT">By Mark Jensen</P>

  3. <HR>

  4. <P ALIGN="CENTER"> <A NAME="MENU"></A> <B>Intra-Document Links</B><BR> <A HREF="#HEADINGS">Headings Tags</A><BR> <A HREF="#FORMAT">Formatting Tags</A><BR> <A HREF="#LISTS">List Tags</A><BR> <A HREF="#PICT">Image Tags</A><BR></P>

  5. <P ALIGN="CENTER"> <B>External Links</B><BR> <A HREF="http://www.google.com">Google</A><BR> <A HREF="http://www.kpc.alaska.edu">Kenai Peninsula College</A><BR> <A HREF="http://chinook.kpc.alaska.edu/~inmej">Class Web Page</A><BR> </P> <HR>

  6. <P> <A NAME="HEADINGS"></A> <B>This is an example of the Heading tags!</B> </P> <CENTER> <P><H1>Heading 1</H1><p></P> <P><H2>Heading 2</H2><p></P> <P><H3>Heading 3</H3><p></P> <P><H4>Heading 4</H4><p></P> <P><H5>Heading 5</H5><p></P> <P><H6>Heading 6</H6><p></P> </CENTER> <A HREF="#MENU">Back to the Menu</A> <HR>

  7. <P> <A NAME="FORMAT"></A> <B>This is an example of the Formatting tags!</B> </P> <B>This line will be bold!</B><BR> <U>This line will be underlined</U><BR> <I>This line will be italic</I><P></P> <A HREF="#MENU">Back to the Menu</A> <HR>

  8. <P> <A NAME="LISTS"></A> <B>This is an example of the List tags!</B> </P> <B>Menu List Tag:(Same as unordered list)</B><BR> <Menu> <LI>Menu Item 1 </LI> <LI>Menu Item 2 </LI> <LI>Menu Item 3 </LI> </MENU> <P></P>

  9. <B>Ordered List Tag:</B><BR> <OL> <LI>List Item 1</LI> <LI>List Item 2</LI> <LI>List Item 3</LI> </OL> <P></P>

  10. <B>Unordered List Tag:</B><BR> <UL> <LI>List Item 1</LI> <LI>List Item 2</LI> <LI>List Item 3</LI> </UL> <P></P>

  11. <B>Directory List Tag:(Same as unordered list)</B><BR> <DIR> <LI>List Item 1</LI> <LI>List Item 2</LI> <LI>List Item 3</LI> </DIR> <P></P>

  12. <B>Definition List:</B><BR> <DL> <DT>Term 1</DT> <DD>Definition of term 1</DD> <DT>Term 2</DT> <DD>Definition of term 2</DD> <DT>Term 3</DT> <DD>Definition of term 3</DD> </DL> <P></P> <A HREF="#MENU">Back to the Menu</A> <HR>

  13. <P ALIGN="CENTER"> <A NAME="PICT"></A> <B>Image Tag Example</B><BR><BR> <IMG SRC="Deer.jpg"><BR> This is a picture of a white deer! </P> <A HREF="#MENU">Back to the Menu</A> <HR> </BODY> </HTML>

  14. <table width="95%" border="0"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table>

More Related