Embed Size (px)
Citation preview
HTML STRUCTURE & SYNTAX
This presentation introduces the following:Doctype declarationHTML Tags, Elements and AttributesSections of a Web documentRole of Web browserText editorSaving and previewing files
INTRODUCTION
HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).
WORLD WIDE WEB CONSORTIUM
In HTML5 there is only one <!doctype> declaration, and it is very simple: <!DOCTYPE html>
The doctype is not an HTML tag. It is a declaration. It tells the browser the version of HTML.
DOCTYPE DECLARATION
HTML stands for Hyper Text Markup Language
HTML is a markup languageA markup language is a set of
markup tagsThe tags describe document
contentHTML documents
contain HTML tags and plain text
HTML documents are also called web pages
WHAT IS HTML?
HTML tags are keywords (tag names) surrounded by angle brackets like <html>
HTML tags normally come in pairs like <b> and </b>
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, with a forward slash before the tag name
Start and end tags are also called opening tags and closing tags
WHAT ARE HTML TAGS?
An HTML element is everything between the start tag and the end tag, including the tags:
HTML Element:<p>This is a paragraph.</p>
WHAT IS AN HTML ELEMENT?
Attributes provide additional information about an element.
WHAT IS AN ATTRIBUTE?
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Title of the document</title></head>
<body>Content of the document......</body>
</html>
MINIMUM HTML DOCUMENT
The <head> section contains information about your page.
The <body> section contains the visible content of your page.
TWO SECTIONS IN A WEB PAGE
The purpose of a web browser (such as Google Chrome, Internet Explorer, Firefox, Safari) is to read HTML documents and display them as web pages.
The browser does not display the HTML tags, but uses the tags to determine how the content of the HTML page is to be presented/displayed to the user.
WEB BROWSER
A simple text editor can be used for coding a Web page.
Using a text editor is a good way to learn coding.
Web editors are also used for coding.
WRITING HTML CODE
When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.
Save the file in a folder that is easy to remember
Keep filenames short and descriptive.
Avoid using spaces in filenames.
SAVING A FILE
Open the HTML page in a Web browser to preview it.
You should view your page in multiple Web browsers. Most likely it will not look exactly the same in every Web browser.
PREVIEWING THE FILE
Learn some codes.
NEXT STEP…..
