Download to read offline
More Related Content
![Day 2 - Web_Development [basic HTML tags and their functionalities].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/day2-webdevelopmentbasichtmltagsandtheirfunctionalities-240906194136-26a4ba6f-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to This presentation is about basic designing to website using basic html and css
This presentation is about basic designing to website using basic html and css
- 1. Introductio n to HTML PAMPLONANATIONAL HIGH SCHOOL
- 2. HTML (HyperText MarkupLanguage) - HTML is used to create web pages. - Document that can open in a web browser. - File starts with the extension “.html” ( example: home.html ) - Uses elements/tags to add structure of content on web browser.
- 3. Tags/Elements - Elements ortags are used to add structure of content on web browser. - Tags or Elements are shown with the angular brackets “< >” . - Most tags have opening and closing tag.
- 6. Html, head, title,body tags - <html></html> This tag wraps the entire HTML document. - <head></head> This section contains about the document, such as the title and links to stylesheets or scripts. - <title></title> The title of the web page, which appears in the browser tab. - <body></body> This section contains the content that will be displayed on the web page, including text, images, and other tags.
- 9. Heading Tag - <h1>to <h6> : Headings, with <h1> being the largest and <h6> the smallest.
- 10. Paragraph Tag - <p>: used for paragraphs consisting one or more sentences.
- 11. HTML Attribute - specialwords used inside an HTML tag to control the element's behavior or provide additional information.
- 12. Anchor Tag - Linksare created using the <a> tag, which stands for "anchor." The href attribute specifies the URL of the page the link goes to.
- 15. Image Tag - <img>: used to add image to a webpage. The src attribute specifies the path to the image file. - The <img> tag is a self-closing tag, meaning it does not require a closing tag.
- 16. Image Tag KeyAttributes - src: This attribute specifies the path to the image file. It can be a relative or absolute URL. - alt: The alt attribute provides alternative text for the image if it cannot be displayed. - width: This attribute defines the width of the image in pixels or as a percentage of the containing element. - height: Similar to the width attribute, this defines the height of the image.
- 18. UL Tag (UnorderedList) - <ul></ul>: used to create lists of items where the order does not matter. - Items within this list are typically marked with bullet points, indicating that the sequence of the items is not significant.
- 20. OL Tag (OrderedList) - <ol></ol>: used to create a list of items where the order matters. - Items in an ordered list are numbered, but you can customize the numbering style using attributes.
- 22. Activity Objective: Write anHTML webpage that talks about yourself. Instructions: 1. Use the `<title>` tag and name the webpage "My Website." 2. Use an `<h1>` tag and name the webpage "About Me." 3. Use an `<h2>` tag and include your name, "My name is _______." 4. Use another `<h2>` tag and write, "My hobbies." 5. Use a `<ul>` tag and list your hobbies.