170 likes | 349 Vues
A complete Online HTML5 Programming Course for Beginners to get started with HTML5 application & website development.<br>In our course you will start with basic HTML tags. You will learn how to create HTML websites and use CSS in your work before we start discussing HTML5. We do not assume any prior knowledge so we go through the concepts from the beginner's point of view. In our HTML5 lectures we start with new tags and forms. We then gradually move to advance topics like Drag and Drop and Multimedia. We follow it with difficult topics like Geolocation, WebStorage and Application cache. This course creates easy to grasp examples for each of the concepts and by the end of it you will be able to understand the complete picture rather than just bits and pieces of the technology.<br>Attend free Demo<br>Visit http://prismmultimedia.com<br>Call 9701334133 for more details<br>Web Design Courses, Web Designing training institute in Hyderabad, Web Designing Courses Hyderabad, Web Designing in Hyderabad, HTML 5 course in Hyderabad, HTML 5 institute Hyderabad, html training in Hyderabad, html training institutes Hyderabad, HTML5 Training in Hyderabad, HTML5 Training in ameerpet<br>
E N D
HTML Elements Introduction Prism Multimedia
HTML Elements • HTML elements are the fundamentals of HTML. HTML documents are simply a text file made up of HTML elements. • These elements are defined using HTML tags. HTML tags tell your browser which elements to present and how to present them.
<!DOCTYPE html> <html> <head> <title>HTML Introduction</title> </head> <body> <p> HTML elements are the fundamentals of HTML. These elements are defined using HTML tags. </p> </body> </html>
The <!DOCTYPE... > declaration tells the browser which version of HTML the document is using. • The <html> element is the document's root element - it can be thought of as a container that all other tags sit inside (except for the !DOCTYPE declaration).
The <head> tag contains information that is not normally viewable within your browser (such as meta tags, JavaScript and CSS), although the <title> tag is an exception to this. The content of the <title> tag is displayed in the browser's title bar (right at the very top of the browser).
The <body> tag is the main area for your content. This is where most of your code (and viewable elements) will go. • The <p> tag declares a paragraph. This contains the body text.
HTML elements have opening and closing tags, and that the content of the element is placed in between them. • closing tag is slightly different to the opening tag - the closing tag contains a forward slash (/) after the <.
HTML Formatting Tags There is a special tag for specifying headings in HTML. There are 6 levels of headings in HTML ranging from <h1> for the most important, to <h6> for the least important.
Header Tags in HTML <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>
The <strong> Element <p> <strong>Good Thing:</strong> Try to work on this in Notepad. </p>
The <em> Element You can place an emphasis on text by using the <em> element. Example: <p>Try this HTML Code in <em>Notepad</em>! </p>
Line Breaks You can force a line break by using the <br> element. Example: <p>Here is a <br>line break.</p>
Horizontal Rule You can create a paragraph-level thematic break by using the <hr> element. Therefore, this element allows you to separate different topics into logical groups. Example: <html> <head> </head> <body> Here's one topic... <hr> Here's another topic </body> </html>
Unordered List • To create an unordered list, use the <ul> element to define the list, and the <li> element for each list item. Example: <ul> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul>
Ordered List To create an ordered list, use the <ol> element to define the list, and the <li> element for each list item. Example: <ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ol>