Recomendados
Más contenido relacionado
Similar a HTML_css_web__tech___nology_______________.pptx
Similar a HTML_css_web__tech___nology_______________.pptx (20)
Último
Último (20)
HTML_css_web__tech___nology_______________.pptx
- 1. HTML
- 2. • HTML stands for Hyper Text Markup Language • HTML is the standard markup language for creating Web pages • HTML describes the structure of a Web page • HTML consists of a series of elements • HTML elements tell the browser how to display the content • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc. • With HTML you can create your own Website. •
- 3. A simple HTML document <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
- 4. • The <!DOCTYPE html> declaration defines that this document is an HTML5 document • The <html> element is the root element of an HTML page • The <head> element contains meta information about the HTML page • The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab) • The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. • The <h1> element defines a large heading • The <p> element defines a paragraph
- 5. • Image tag • In HTML, the <img> tag is used to embed images into a web page. The <img> tag is an empty, self-closing tag, and it does not have a closing tag. Here's the basic syntax: • <img src="image-source-url" alt="alternative-text"> • src: This attribute specifies the URL (source) of the image. It can be a relative or absolute path to the image file. • alt: This attribute provides alternative text for the image. It is displayed if the image cannot be loaded and is also used by screen readers for accessibility. It's considered good practice to always include meaningful alt text.
- 6. A simple HTML document <html> <head> <title>Page Title</title> </head> <body> <img src="example.jpg" alt="A beautiful landscape“ height =“100” width=“100”> </body> </html> •width: Specifies the width of the image in pixels or as a percentage. •height: Specifies the height of the image in pixels or as a percentage.
- 7. • Frame tag: • The <frame> tag was part of HTML in the past and was used to define individual frames within a frameset. • However, framesets and the <frame> tag have been deprecated in HTML5, and their use is strongly discouraged. • Instead, modern web development recommends using alternative methods, such as CSS for layout and frames replaced with more flexible and dynamic approaches like using iframes or other modern layout techniques.
- 8. • Here's an example of how framesets and the <frame> tag were used in older HTML versions: <html> <head> <title>Frameset Example</title> </head> <frameset cols="25%,75%"> <frame src="menu.html" name="menu"> <frame src="content.html" name="content"> </frameset> </html>
- 9. • In this example, the <frameset> element is used to divide the browser window into two frames (columns in this case), and the <frame> elements define the content for each frame. The cols attribute specifies the width of each column.
- 10. • List tags: • In HTML, there are several tags related to creating lists. Lists are used to organize and structure information. Here are the main list-related tags: Ordered List (<ol>): •The <ol> tag is used to create an ordered list, where each item is numbered. <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol>
- 11. Unordered List (<ul>): •The <ul> tag is used to create an unordered list, where each item is preceded by a bullet point. <ul> <li>Item A</li> <li>Item B</li> <li>Item C</li> </ul>
- 12. List Item (<li>): •The <li> tag is used to define each item in a list, whether it's part of an ordered or unordered list. <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>