INTRODUCTION TO HTML5
HTML HTML stands for Hyper Text Markup Language. World Wide Web(WWW) is actually in form of files written in a special language called HTML.
STRUCTURE OF WEB SITE A well-structured website should allow the user to get the information within few clicks. A Web site has three main sections,
IMPORTANCE TO HTML5 Used in any platform Display any type of document, anywhere in the world Used in any platform (UNIX, Windows etc) Make text attractive Easy to learn Consider to be most powerful tool for web designing
LIMITATION OF HTML Use scripting language for user interaction Not a software programming language HTML use fixed predefined tags
WEB BROWSERS
HTML EDITORS 2 TYPES WYSIWYG(What You See Is What You Get) Text editors
WYSIWYG(What You See Is What You Get) They have graphical interfaces and tools to develop Web Pages(insert table,images,tables,lists….etc) Microsoft FrontPage & Adode Dreamweaver are 2 popular WYSIWYG HTML editors. Advantages: Web sites created quickly. No need of HTML tags/commands knowledge.
TEXT EDITORS Create HTML documents with Notepad, WordPad or any other text editor. Should familiar with HTML coding.
Creating a HTML program?
Viewing HTML documents in a Web browser?
HTML Elements
HTML Tags
HTML Attributes
Types of HTML Elements Container Elements Empty Elements HTML element that have only ON tag. Container Elements Includes both ON and OFF tags.
HTML rules Tag name and attribute names are not case sensitive. Attribute values should always enclosed in quotes, mostly double quotes. Eg:<hr color=“green”> Attributes values are case sensitive. Space between tags do not matter. Eg: <b>WELCOME</b> <b> Is the same as WELCOME <b> WELCOME </b> </b> Tag names cannot contain spaces. Eg:<h e a d> is not same as <head> Elements can be nested. Eg: <b><u> WELCOME </u></b>(correct) <b><u> WELCOME </b></u>(wrong)
Structure of an HTML Document
LINE BREAK ELEMENT<br>
CASCADING STYLE SHEET[CSS] CSS is the language that provides a set of style rules for displaying elements on a web page. SYNTAX: slector{property1:property1-value; property2:property2- value;………..} Example: body{background-color:yellow;background-repeat:repeat-y}
CSS styles can be incorporate in an HTML document in one of the following ways External style sheets: It is the separate document has the extension .css. These are used to apply a uniform style to many Web Pages without writing the same code again. Embedded style sheets: A set of styles is created as part of an HTML document. These are used when you want to apply similar styles to different elements on the same page. It created using the <style> tag inside the <head> tag. Inline styles: This is used to apply a style to specific elements of a web page.
Create a your own WEB PAGE …