ICT Role in 21st Century Education & its Challenges.pptx
Html presantation
1. HTML Basic Tags
Prepared By: Aditya Roy
Anil Bhatt
Rajkiya Pratibha Vikas Vidyalaya Tyagraj Nagar Lodi road New Delhi:110003Rajkiya Pratibha Vikas Vidyalaya Tyagraj Nagar Lodi road New Delhi:110003
2. What you need for website
What the following term mean:
Web server: a system on the internet containg one or more web
site
Web site: a collection of one or more web pages
Web pages: single disk file with a single file name
Home pages: first page in website
Think about the followings before working your Web pages.
Think about the sort of information(content) you want to put on
the Web.
Set the goals for the Web site.
Organize your content into main topics.
Come up with a general structure for pages and topics.
3. What is HTML?
HTML is a markup language for describing web documents (web pages).
HTML stands for Hyper Text Markup Language
A markup language is a set of markup tags
HTML documents are described by HTML tags
Each HTML tag describes different document content
4. HTML Documents
All HTML documents must start with a type declaration: <!DOCTYPE html>.
The HTML document itself begins with <html> and ends with </html>.
The visible part of the HTML document is between <body> and </body>
5. HTML Editors
Write HTML Using Notepad or TextEdit
HTML can be edited by using professional HTML editors like:
Microsoft WebMatrix
Sublime Text
However, for learning HTML we recommend a text editor like Notepad (PC) or
TextEdit (Mac).
We believe using a simple text editor is a good way to learn HTML.
7. HTML Tags
HTML markup tags are usually called HTML tags
Tags are ;
surrounded with angle brackets like this
<B> or <I>.
Most tags come in pairs
exceptions: <P>, <br>, <li> tags …
The first tag turns the action on, and the second turns it off.
NOTE:NOTE:Some browsers don't support the some tags and some attributes.Some browsers don't support the some tags and some attributes.
8. HTML Elements
HTML Elements
HTML elements are written with a start tag, with an end tag, with
the content in between:
<tagname>content</tagname>
The HTML element is everything from the start tag to the end tag:
<p>My first HTML paragraph.</p>
9. Basic About HTML Tags
We will study all the header and body tags In other Slide, but for now let's see what is <!doctype…> tag.
11. Heading Tags
You can use different sizes for your headings. HTML also has six levels of
headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>
12. Paragraph Tag
The HTML <p> element defines a paragraph.
Example
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Don't Forget the End Tag
Most browsers will display HTML correctly even if you forget the end tag
13. HTML Line Breaks
The HTML <br> element defines a line break.
Use <br> if you want a line break (a new line) without starting a new
paragraph
Example
<p>This is<br>a para<br>graph with line breaks</p>
The <br> element is an empty HTML element.
Empty HTML Elements:HTML elements with no content are called empty
elements.
<br> is an empty element without a closing tag (the <br> tag defines a line
break).
14. HTML Attributes
Attributes provide additional information about HTML elements.
HTML elements can have attributes
Attributes are always specified in the start tag
FOR EXAMPLE:The lang Attribute
The document language can be declared in the <html> tag.
The language is declared in the lang attribute.
<html lang="en-US">
15. Web Browsers
The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.
The browser does not display the HTML tags, but uses them to determine how to display the document: