Html training part1
Download as PPTX, PDF1 like141 views
The document provides an introduction to HTML training taught by Thansare for beginners. It covers basic HTML elements and tags such as <p>, <img>, and <a> and their attributes. It also discusses headings, paragraphs, links, images, lists, tables, forms, and multimedia such as video and audio elements. The training emphasizes the structure and semantics of HTML and how tags are used to define different parts of an HTML document.
Html training part1
- 1. Welcome HTML Training Teach By :Thansare Level: Beginner DOC: https://www.slideshare.net/thansare https://plus.google.com/u/0/102131634838526305706
- 2. Elements An HTML element usually consists of a start tag and end tag, with the content inserted in between: <tagname>Content goes here...</tagname> https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 3. Attributes All HTML elements can have attributes Attributes provide additional information about an element Attributes are always specified in the start tag Attributes usually come in name/value pairs like: name="value" Type of Attributes Lange Attribute, title Attribute, href Attributes, Size Attribute, alt Attribute, Quote Attribute values https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 4. Lang Attribute The language of the document can be declared in the <html> tag. The language is declared with the lang attribute. Declaring a language is important for accessibility applications (screen readers) and search engines https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 5. Title Attribute a title attribute is added to the <p> element. The value of the title attribute will be displayed as a tooltip when you mouse over the paragraph https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 6. Href Attribute HTML links are defined with the <a> tag. The link address is specified in the href attribute https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 7. Size Attribute HTML images are defined with the <img> tag. The filename of the source (src), and the size of the image (width and height) are all provided as attributes https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 8. Alt Attribute The alt attribute specifies an alternative text to be used, when an image cannot be displayed. The value of the attribute can be read by screen readers. This way, someone "listening" to the webpage, e.g. a blind person, can "hear" the element. https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 9. Quote Attribute Values Daf https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 10. HTML Headings Headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 11. HTML Horizontal Rules The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule. The <hr> element is used to separate content (or define a change) in an HTML page https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 12. HTML<head>Element he HTML <head> element has nothing to do with HTML headings. The <head> element is a container for metadata. HTML metadata is data about the HTML document. Metadata is not displayed. The <head> element is placed between the <html> tag and the <body> tag: https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 13. HTML Paragraphs The HTML <p> element defines a paragraph https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 14. HTML <pre>Element The HTML <pre> element defines preformatted text. The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 15. HTML Style Setting the style of an HTML element, can be done with the style attribute. The HTML style attribute has the following syntax <tagname style="property:value;"> https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 16. HTML Background Color The background-color property defines the background color for an HTML element. This example sets the background color for a page to powderblue https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 17. HTML Fonts The font-family property defines the font to be used for an HTML element https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 18. HTML Formatting Elements n the previous chapter, you learned about the HTML style attribute. HTML also defines special elements for defining text with a special meaning. HTML uses elements like <b> and <i> for formatting output, like bold or italic text https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 19. HTML Quotations The HTML <q> element defines a short quotation. Browsers usually insert quotation marks around the <q> element The HTML <blockquote> element defines a section that is quoted from another source. Browsers usually indent <blockquote> elements https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 20. The HTML <abbr> element defines an abbreviation or an acronym. Marking abbreviations can give useful information to browsers, translation systems and search-engines https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 21. The HTML <address> element defines contact information (author/owner) of a document or an article. The <address> element is usually displayed in italic. Most browsers will add a line break before and after the element. https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 22. The HTML <cite> element defines the title of a work. Browsers usually display <cite> elements in italic https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 23. The HTML <bdo> element defines bi-directional override. The <bdo> element is used to override the current text direction https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 24. HTML Comments Comment tags are used to insert comments in the HTML source code Notice that there is an exclamation point (!) in the opening tag, but not in the closing tag. Conditional comments defines some HTML tags to be executed by Internet Explorer only https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 25. HTML Colors In HTML, a color can be specified by using a color name, an RGB value, or a HEX value https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 26. HTML CSS CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. CSS can be added to HTML elements in 3 ways: Inline - by using the style attribute in HTML elements Internal - by using a <style> element in the <head> section External - by using an external CSS file
- 27. HTML Links Links are found in nearly all web pages. Links allow users to click their way from page to page. Type of links: Hyper links,Local Links,links color,Image as a Link,……………… https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 28. HTML Images In HTML, images are defined with the <img> tag. The <img> tag is empty, it contains attributes only, and does not have a closing tag. The src attribute specifies the URL (web address) of the image https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 29. HTML Tables An HTML table is defined with the <table> tag. Each table row is defined with the <tr> tag. A table header is defined with the <th> tag. By default, table headings are bold and centered. A table data/cell is defined with the <td> tag https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 30. HTML List List in HTML have two types are Unordered list and Ordered list Type of style : disc,circle,square,noune, https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 31. An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items will be marked with numbers by default https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 32. HTML Classes he HTML class attribute makes it possible to define equal styles for elements with the same class name. Here we have three <div> elements that point to the same class name https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 33. HTML Iframes An iframe is used to display a web page within a web page. https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber
- 34. HTML Media(Video) Multimedia on the web is sound, music, videos, movies, and animations.
- 35. HTML Media(Audio) MP3 is the newest format for compressed recorded music. The term MP3 has become synonymous with digital music. If your website is about recorded music, MP3 is the choice.
- 36. HTML Video Code Before HTML5, a video could only be played in a browser with a plug-in (like flash). The HTML5 <video> element specifies a standard way to embed a video in a web page https://www.youtube.com/channel/UCDNuis_my5FvUFx8FPAindg?view_as=subscriber