Science Knowings: HTML Course For Social Media

HTML Elements

HTML Elements

Welcome to our HTML Elements session! Let's dive into the building blocks of web pages.

What are HTML Elements?

HTML Elements are the fundamental building blocks of web pages. They define the structure and content of a web page and provide meaning to the content.

Purpose of HTML Elements

HTML Elements serve various purposes, including:

  
        
  • Structuring the page's content (e.g., headings, paragraphs)
  •     
  • Displaying different types of content (e.g., images, videos)
  •     
  • Enabling user interaction (e.g., forms, buttons)
  •   

Types of HTML Elements

There are various types of HTML Elements, each with its purpose. We'll cover some common types in this session.

Common HTML Elements

                                                                                                
ElementPurpose
<h1> to <h6>Heading
<p>Paragraph
<br>Line break
<a>Anchor (link)
<img>Image
<ul>, <ol>, <li>Lists
<table>, <tr>, <td>Tables
<form>, <input>, <button>Forms

Heading Elements (<h1> to <h6>)

Heading Elements (<h1> to <h6>) define the headings and subheadings within a web page. They help organize the content and create a hierarchy of information.

Paragraph Element (<p>)

The Paragraph Element (<p>) represents a paragraph of text within a web page. It provides a way to structure and separate different sections of text.

Break Element (<br>)

The Break Element (<br>) inserts a line break within a web page. It's useful for creating new lines or separating different sections of text without creating a new paragraph.

Anchor Element (<a>)

The Anchor Element (<a>) defines a hyperlink within a web page. It allows users to link to other web pages or sections within the same page.

Image Element (<img>)

The Image Element (<img>) displays an image on a web page. It provides a way to include visual content and enhance the user experience.

List Elements (<ul>, <ol>, <li>)

List Elements (<ul>, <ol>, <li>) create lists of items on a web page. They provide a structured and organized way to present information.

Table Elements (<table>, <tr>, <td>)

Table Elements (<table>, <tr>, <td>) create tables on a web page. They provide a tabular format for presenting data in rows and columns.

Form Elements (<form>, <input>, <button>)

Form Elements (<form>, <input>, <button>) allow users to interact with a web page. They provide a way to collect user input, such as text, numbers, or choices.

Meta Elements (<meta>)

Meta Elements (<meta>) provide metadata about a web page, such as its title, description, and keywords. They are not visible to users but are important for search engine optimization (SEO).

Script Element (<script>)

The Script Element (<script>) embeds executable code (usually JavaScript) into a web page. It allows developers to add dynamic functionality and behavior to their pages.

Link Element (<link>)

The Link Element (<link>) establishes a relationship between the current web page and an external resource, such as a stylesheet or another web page.

Style Element (<style>)

The Style Element (<style>) contains style information for a web page. It allows developers to control the appearance and layout of the page's content.

Next Up: HTML Attributes

Next Up: HTML Attributes

Stay tuned for our next session, where we'll explore how to use HTML Attributes to enhance the functionality and appearance of web elements.

Follow us for the latest updates!