Html grade 11
1 like2,436 views
This document provides an introduction to HTML by defining what HTML is, explaining basic HTML tags and their syntax, and providing an example of how to create a simple HTML file and view it in a browser. Some key points covered include: - HTML uses tags to tell browsers how to display web pages. - Common tags are <html>, <head>, <title>, <body>, and text formatting tags like <b>. - The file must be saved with a .html extension to be recognized as an HTML file. - An example shows how to create an HTML file with basic text and tags using Notepad++.
Html grade 11
- 1. HTML Lesson GRADE 11 Ms Mofokeng 201518293
- 2. What is HTML HTML is a format that tells a computer how to display a web page. The documents themselves are plain text files with special "tags" or codes that a web browser uses to interpret and display information on your computer screen. ● HTML stands for Hyper Text Markup Language ● An HTML file is a text file containing small markup tags ● The markup tags tell the Web browser how to display the page ● An HTML file must have an htm or html file extension
- 3. HTML tags HTML tags are used to mark-up HTML elements ● HTML tags are surrounded by the two angle brackets (< and >) ● HTML tags normally come in pairs like <html> (start tag) and </html> (end tag) ● The text between the start and end tags is the element content ● HTML tags are not case sensitive, <b> means the same as <B>
- 4. Explanation of basic tags ● <html> and </html> indicates that you are going to use html to create a web page. ● <head> contains the title of the webpage </head> ● <title> container tag </title> ● <body> main content </body> ● <h1> heading tag </h6>, up to <h6> </h6> ● <p> paragraph </p>
- 5. HTML Syntax
- 6. Example: Open notepad ++
- 7. How to save an HTML document ● File ● Save as ● File name: ( name.html ) for instance mypage.html ● Save as type : Choose Hyper Text Markup Language ● Save where it will be easily accessible. For instance Desktop ● Then close the notepad++ tab and go open the saved file.
- 8. End results of the example
- 9. Try it exercise Open your notepad++ and type the following text: <html> <head> <title>My First Webpage</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html>
- 10. Next Session. ● We will go through the given exercise. ● We will go further with HTML tags. THANK YOU