Html introduction
•Download as PPT, PDF•
2 likes•133 views
This document provides an introduction to HTML and creating basic HTML documents. It defines key terms like HTML, URL, and browser. It explains that HTML uses tags enclosed in brackets to format text. It recommends using Notepad++ as a simple text editor to create HTML files and provides step-by-step instructions for starting a new HTML file, adding basic tags like <html>, <head>, <title>, and <body>, and viewing the file in a browser. The document emphasizes setting the page <title> for search engine optimization and saving files with the .html or .htm extension.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Html introduction
Similar to Html introduction (20)
Recently uploaded
Recently uploaded (20)
Html introduction
- 2. 2 Definitions W W W – World Wide Web. HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting language. URL – Uniform Resource Locator. Browser – A software program which is used to show web pages.
- 3. 3 “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.
- 4. 4 Tags Codes enclosed in brackets Usually paired <TITLE>My Web Page</TITLE> Not case sensitive <TITLE> = <title> = <TITLE>
- 5. 5 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. E.g include notepad++, sublime text , atom, visual basic editor etc.
- 6. 6 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 Course, we will focus on using notepad++.
- 7. 7 Starting NotePad++ NotePad++ is a standard text editor that can be downloaded for free Click on the link on the site to download the latest notepad++ for free. After that you install and you are ready to start programming
- 8. 8 HTML Page Creation & Editing In this chapter you will learn to create HTML pages with a standard text editor. Objectives Upon completing this section, you should be able to 1. Choose a Text Editor. 2. Create a Basic Starting Document. 3. Understand and set Document Properties. 4. View Your Results in a Browser.
- 9. 9 Creating a Basic Starting Document <HTML> <HEAD> <TITLE>zekula Info System</TITLE> </HEAD> <BODY> This is what is displayed. </BODY> </HTML>
- 10. 10 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 just like you see zekula info system above in your 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.
- 11. 11 Setting Document Properties Document properties are controlled by attributes of the BODY element. The content of your website goes into the body
- 12. 12 ++ =To start work with notepad++++ Double click on notepad++ to open it If that is your first time of accessing it, it will open a set of codes, close it by clicking on the close icon On your extreme left click on new On your tab bar click on language Scroll to the letter H and select HTML Save your document
- 13. 13 To start work with notepad++++ Copy and paste the code in page in your newly create html document or you should type if you can. Enter the title of your website in the title tag e.g <TITLE>zekula Info System</TITLE> Save and run it in your browser by selecting run on your tab and select the appropriate browser you have installed. You should see your title in the browser
- 14. 14 THANK YOU • OUR NEXT TOPIC WILL BE HTML TAGS • DON’T MISS IT FOR ANYTHING
Editor's Notes
- Provide information in an organized way Chat Groups Specialized information areas Internet access
- Tech help should be a local or toll-free call Is it available when you are using the net? Will you get a real person or have to leave voice mail? (voice mail is OK if the response time is fast and during a time you are not connected) Try calling tech support before subscribing.