Une image / un lien ci-dessous est fourni (tel quel) pour télécharger la présentation
Politique de téléchargement : le contenu du site vous est fourni TEL QUEL pour votre information et votre usage personnel ; il ne peut être vendu, concédé sous licence ni partagé sur d’autres sites sans l’accord de son auteur.Le contenu vous est fourni TEL QUEL, pour votre information et votre usage personnel uniquement.Téléchargez la présentation en cliquant sur ce lien.Lors du téléchargement, si vous ne parvenez pas à télécharger une présentation, l’éditeur a peut-être supprimé le fichier de son serveur.Pendant le téléchargement, si vous ne parvenez pas à obtenir une présentation, le fichier a peut-être été supprimé par l’éditeur.
F I N
Plus de contenu associé
Transcription de la présentation
Introduction to HTML Lora Budzier Senior Internet Specialist Lora.Budzier@uspto.gov
Agenda • Introduction • Tools • Coding Basics • Structuring Text • Adding Functionality • Formatting Text
Introduction • HyperText Markup Language (HTML) • Text Files With Codes That Change the Layout, Add Images, or Creates Links to Other Pages
Tools • Text Editor • Notepad, WordPad • Microsoft FrontPage • Macromedia Dreamweaver • Adobe GoLive
Coding Basics • HTML Tag • HEAD Tag • TITLE Tag • META Tag • BODY Tag • Content
Coding Basics • HTML Tag • Opens and Closes an HTML Document
<html> <head> </head> </html> Coding Basics • HEAD Tag • Information Not Displayed On-Screen • Contains Document Information (i.e., Title and Keywords)
<html> <head> <title> </title> </head> </html> Coding Basics • TITLE Tag • Required in All HTML Documents • Used to Identify Contents of Document • Avoid Generic Titles
Generic Title <html> <head> <title>Home Page</title> </head> </html> Specific Title <html> <head> <title>United States Patent and Trademark Office Home Page</title> </head> </html> Coding Basics
Coding Basics • META Tag • Used to Store Browser and Search Engine Information • Descriptions • Keywords • Cache Information • Indexing • Sets the Character Set for a Document
<html> <head> <title>My First Web Page</title> </head> <body> <!--Below is the content of the web page--> </body> </html> Structuring Text • Comments • Used by Designer to Denote Information • Information Not Displayed On-Screen
<html> <head> <title>My First Web Page</title> </head> <body> </body> </html> Insert COMMENT Tags Within the HTML Tags Structuring Text <!--Below is the content of the page-->
Structuring Text • Headings • Start and End Tags are Required • Headings Should Briefly Describe the Section it Introduces • Each Level has Different Attributes • H1 is the largest • H6 is the smallest
<html> <head> <title>My First Web Page</title> </head> <body> <!—Below is the content of the page--> </body> </html> Insert HEADING Tags Within the BODY Tags Structuring Text <h1>This is heading 1.</h1> <h2>This is heading 2.</h2> <h3>This is heading 3.</h3> <h4>This is heading 4.</h4> <h5>This is heading 5.</h5> <h6>This is heading 6.</h6>
In the File Menu, Select Save As Enter a Name in the File Name Field, Using the .htm File Extension Select All Files From the Drop Down Type Menu <html> <head> <title>My First Web Page</title> </head> <body> <!—Below is the content of the page--> </body> </html> TC2600_TechFair Structuring Text <h1>This is heading 1.</h1> <h2>This is heading 2.</h2> <h3>This is heading 3.</h3> <h4>This is heading 4.</h4> <h5>This is heading 5.</h5> <h6>This is heading 6.</h6> firstpage.htm
Structuring Text • Paragraphs • Discourage the Use of Empty Paragraph Tags • Start Tag Required • End Tag Optional • Line Breaks • Start Tag Required • End Tag Forbidden
<html> <head> <title>My First Web Page</title> </head> <body> <!--Below is the content of the web page--> <p>Text tends to be formatted in paragraphs and on occasion extra space is desired between paragraphs or in specific places. <br> <p>Line breaks are good for that!</p> </body> </html> Structuring Text
Structuring Text • Lists • Ordered (Numbered) Lists • Start and End Tags Required • Unordered (Bulleted) Lists • Start and End Tags Required] • List Items • Start Tag Required • End Tag Optional
<body> <!--Below is the content of the web page--> <p>Ordered Lists <ol> <li>Apple</li> <li>Banana</li> <li>Carrot</li> </ol> <p>Unordered Lists <ul> <li>Clothing </li> <li>Kayak </li> <li>Food </li> </ul> </body> Structuring Text
<body> <!--Below is the content of the web page--> <p>Ordered Lists <ol> <li>Food</li> <ul> <li>Apple</li> <li>Banana</li> <li>Carrot</li> </ul> </ol> </body> Structuring Text • Nested Lists
<html> <head> <title>My First Web Page</title> </head> <body> <!--Below is the code for a basic table--> <table> <tr> <td>Cell content</td> </tr> </table> </body> </html> Structuring Text
