Empowerment Technologies Lecture 10 (Philippines SHS)
Download as PPTX, PDF0 likes687 views
The document provides an overview of HTML, explaining its structure, tags, and attributes used for web content formatting. It covers the purpose and usage of various HTML elements such as headings, paragraphs, and stylistic features, while also mentioning best practices recommended by the World Wide Web Consortium (W3C). Additionally, it discusses core attributes and internationalization attributes relevant to HTML coding.
Empowerment Technologies Lecture 10 (Philippines SHS)
- 1. EMPOWERMENT TECHNOLOGIES Team structure and dynamics for ICT content Online collaborative tools and processes Project management for ICT content Curating existing content for use on the web
- 2. HTML Tags HTML is a markup language and makes use of various tags to format the content. These tags are enclosed within angle braces <Tag Name>. Except few tags, most of the tags have their corresponding closing tags. For example, <html> has its closing tag</html> and <body> tag has its closing tag </body> tag etc.
- 3. Note: To learn HTML, you will need to study various tags and understand how they behave, while formatting a textual document. Learning HTML is simple as users have to learn the usage of different tags in order to format the text or images to make a beautiful webpage. World Wide Web Consortium (W3C) recommends to use lowercase tags starting from HTML 4.
- 5. HTML Heading and Paragraph Tags Any document starts with a heading. 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>. While displaying any heading, browser adds one line before and one line after that heading. The <p> tag offers a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening <p> and a closing </p> tag
- 6. Line Break, Center and Horizontal Line Tags Whenever you use the <br /> element, anything following it starts from the next line. This tag is an example of an empty element, where you do not need opening and closing tags, as there is nothing to go in between them.
- 7. You can use <center> tag to put any content in the center of the page or any table cell. Meanwhile, Horizontal lines are used to visually break-up sections of a document. The <hr> tag creates a line from the current position in the document to the right margin and breaks the line accordingly.
- 8. HTML Elements An HTML element is defined by a starting tag. If the element contains other content, it ends with a closing tag, where the element name is preceded by a forward slash
- 10. HTML Attributes An attribute is used to define the characteristics of an HTML element and is placed inside the element's opening tag. All attributes are made up of two parts: a name and a value:
- 11. The name is the property you want to set. For example, the paragraph <p> element in the example carries an attribute whose name is align, which you can use to indicate the alignment of paragraph on the page. The value is what you want the value of the property to be set and always put within quotations.
- 12. The four core attributes that can be used on the majority of HTML elements are: Id Title Class Style
- 13. The ID attribute There are two primary reasons that you might want to use an id attribute on an element: If an element carries an id attribute as a unique identifier, it is possible to identify just that element and its content. If you have two elements of the same name within a Web page (or style sheet), you can use the id attribute to distinguish between elements that have the same name.
- 14. The Title Attribute The title attribute gives a suggested title for the element. They syntax for the title attribute is similar as explained for id attribute: The behavior of the title attribute will depend upon the element that carries it, although it is often displayed as a tooltip when cursor comes over the element or while the element is loading.
- 15. The Class Attribute The class attribute is used to associate an element with a style sheet, and specifies the class of element. The value of the attribute may also be a space- separated list of class names. Note: You will learn more about the use of the class attribute when you will learn Cascading Style Sheet (CSS).
- 16. The Style Attribute The style attribute allows you to specify Cascading Style Sheet (CSS) rules within the element.
- 17. Internationalization Attributes The dir attribute - allows you to indicate to the browser about the direction in which the text should flow. The lang attribute - allows you to indicate the main language used in a document, but this attribute was kept in HTML only for backwards compatibility with earlier versions. The xml:lang attribute - is the XHTML replacement for the lang attribute. The value of the xml:lang attribute should be an ISO-639 country code