HTML presentation
•Download as PPTX, PDF•
2 likes•249 views
This document provides an introduction to HTML by covering several key elements: 1. HTML stands for Hypertext Markup Language and is used to build websites through a structure of tags. 2. Basic HTML tags include <DOCTYPE>, <html>, <head>, <body>, <h1> for headings, and <title> for the webpage title. 3. Other common tags are <p> for paragraphs, <hr> for horizontal rules, <br> for breaks, <img> for images, <a> for links, and <li> for lists.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to HTML presentation
Similar to HTML presentation (20)
Recently uploaded
Recently uploaded (20)
HTML presentation
- 1. LEARNING HTML COVERING GRADE 11 AND 12 CONTENT.
- 2. NAME: BALOYI T.J STUDENT NUMBER: 201510850 This POWERPOINT PRESENTATION is about the CAT topic: HTML HTML stand for Hyper Text Markup Language, it is the structure and language used to build up websites. Start up First you must identify your document type. 1. <!DOCTYPE> (NOTE: OPEN AND CLOSE tags within an Html must be placed in angled brackets <>) 2. <Html> </html> (this is the beginning of an html document and it is the first tag and it is an opening then the tag with a slash”/” symbol is the close tag of the whole document. 3. Within the html open and close tags we place the heading tags and the body tags (<head> <body> </body> </head>) so that our webpage can know where our heading are and then we can place our first heading which will be LEARNING HTML. Thus <h1> LEARNING HTML </h1> 4. Click here to access the video of myself performing the above actions.
- 4. ADDING THE TITLE • Now we add the title to our webpage note: the title is the title of the webpage meaning that it is what will on the tab of our webpage. Following slide it is a video showing how to do this.
- 5. ADDING A LINE OR BREAK • To add a horizontal line within an html webpage to separate our content or for any other reason, we use the following tag. <hr> • Note the tag does not have a closing tag because we are just adding a line and not content. • To add a break without including a line in our html just to break or separate our content, we use the following tag. <br> • Just like adding a horizontal line, this too does not have a closing tag.
- 6. HTML CODE WITH <hr> tag WEBPAGE WITH HORIZONTAL LINES
- 7. INSERTING A PARAGRAPGH • To insert a paragraph we use <p> Hello, my name is T.J Baloyi and I just wanted to let you know about how interesting it is to learn about HTML. At first I thought it was impossible to understand how it works but now I have a pretty good idea. I am writing this message using Notepad ++ suggested to me by Professor Leutenbach and I am quite confident when saying that this software is really good. it makes it easy to write the html codes as it suggest the codes to you as you type them and it also has the undo and redo functions in case you make a mistake. thank you</p> • I will write a paragraph about my learning of html just to prove I am the one who wrote it. The background of this slide is the screenshot of the webpage with the paragraph on it. • Next slide is the notepad++ screenshot with the paragraph code in it.
- 10. ADDING AN IMAGE TO OUR WEBPAGE • To add an image from your computer, you need to specify the pathway to the image. • It is much easier to insert and image that is stored in the same location as the html file. • To insert an image I will do the following in my case. <h2> AN HTML IMAGE </h2> <img src=“html.jpg” height=“400” width=“300”>
- 11. LINKING WEBSITE TO OUR WEBPAGE AND ADDING LIST. • I will link google home page to our html webpage in the following way. <p> <a href=http://google.com </a> click here to access GOOGLE </p> • To add a list we use the following tags. <li> Name</li><ul> or <ol> this represents the list or a numbered list respectively. <li> Surname </li> etc
- 13. THANK YOU