1 / 13

Introduction to HTML

Introduction to HTML. To be discussed…. Definition of HTML Tags in HTML Creation of HTML document Structure of HTML . Definitions. HTML stands for Hypertext Markup Language i.e. the language of Web pages on World wide Web. HTML is a text formatting language.

cloris
Download Presentation

Introduction to HTML

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. Introduction to HTML

  2. To be discussed… • Definition of HTML • Tags in HTML • Creation of HTML document • Structure of HTML

  3. Definitions • HTML stands for Hypertext Markup Language i.e. the language of Web pages on World wide Web. • HTML is a text formatting language. • Browser is a software program which is used to show the web pages.

  4. HTML • “Normal text” surrounded by bracketed tags that tell browsers how to display web pages • Pages end with “.htm” or “.html” • HTML Editor – A word processor that has been specialized to make the writing of HTML documents more effortless. BACK

  5. Tags • Codes enclosed in brackets • Usually paired <TITLE>My Web Page</TITLE> • Not case sensitive <TITLE> = <title> = <TITLE>

  6. Choosing Text Editor • There are many different programs that you can use to create web documents. • HTML Editors enable users to create documents quickly and easily by pushing a few buttons. Instead of entering all of the HTML codes by hand. • These programs will generate the HTML Source Code for you.

  7. Choosing Text Editor • HTML Editors are excellent tools for experienced web developers; however; it is important that you learn and understand the HTML language so that you can edit code and fix “bugs” in your pages. • For this we use the standard Microsoft Windows text editors, NotePad.

  8. Starting NotePad NotePad is the standard text editor that comes with the microsoft windows operating system. To start NotePad in follow the steps below: • 1.) Click on the “Start” button located on your Windows task bar. • 2.) Click on “Programs” and then click on the directory menu labeled “Accessories”. • 3.) Locate the shortcut “NotePad” and click the shortcut once. BACK

  9. HTML Page Creation & Editing To create HTML pages with a standard text editor, Objectives are : 1. Choose a Text Editor. 2. Create a Basic Starting Document. 3. Understand and set Document Properties. 4. View Your Results in a Browser. BACK

  10. Creating a Basic Starting Document <HTML> <HEAD> <TITLE>DAV College for Girls</TITLE> </HEAD> <BODY> This is what is displayed. </BODY> </HTML>

  11. Creating a Basic Starting Document • The HEAD of your document point to above window part. • The TITLE of your document appears in the very top line of the user’s browser. If the user chooses to “Bookmark” your page or save as a “Favorite”; it is the TITLE that is added to the list. • The text in your TITLE should be as descriptive as possible because this is what many search engines, on the internet, use for indexing your site.

  12. Creating a Basic Starting Document • The BODY section of your document is where we do most of the work that includes text,graphics and other HTML elements. • The BODY tag contains all the tags, attributes and information to be displayed on the web page. BACK

  13. Thankyou BACK

More Related