12 Questions
What does HTML stand for?
HyperText Markup Language
What is the basic structure of an HTML document?
DOCTYPE, html, head, body
What type of HTML elements occupy a block of space on the page?
Block-level elements
What is the purpose of semantic HTML?
To add meaning to the structure of a web page
What is the purpose of the id
attribute in HTML?
To assign a unique identifier to an element
What is the purpose of the href
attribute in HTML?
To specify the link destination for an anchor element
What is the purpose of HTML entities?
To represent symbols, accents, and other characters not found on a standard keyboard
What type of HTML entity uses a keyword to represent the symbol?
Named Entities
What is the HTML entity for the Euro symbol?
€
What is the HTML entity for the Plus-minus symbol?
±
What is the purpose of the
HTML entity?
To create a non-breaking space
What is the HTML entity for the U with umlaut?
ü
Study Notes
What is HTML?
- HTML stands for HyperText Markup Language
- It is a standard markup language used to create web pages
- HTML is the backbone of a website, providing the structure and content that the web browser renders to the user
Basic HTML Structure
- HTML documents consist of a series of elements, represented by tags (<>)
- Tags usually come in pairs, with the opening tag preceding the content and the closing tag following the content
- The basic structure of an HTML document includes:
-
<!DOCTYPE html>
: declaration of document type -
<html>
: root element of the document -
<head>
: contains metadata about the document -
<body>
: contains the content of the HTML document
-
HTML Elements
- HTML elements are represented by tags and are used to define the structure and content of a web page
- There are two types of elements:
-
Block-level elements: occupy a block of space on the page (e.g.,
<p>
,<h1>
) -
Inline elements: occupy only the space of their content (e.g.,
<span>
,<a>
)
-
Block-level elements: occupy a block of space on the page (e.g.,
- Common HTML elements include:
- Headings (
<h1>
,<h2>
,<h3>
, etc.) - Paragraphs (
<p>
) - Links (
<a>
) - Images (
<img>
) - Lists (
<ul>
,<ol>
,<li>
)
- Headings (
Semantic HTML
- Semantic HTML is a way of writing HTML that emphasizes the meaning of the content
- It uses elements that provide meaning to the structure of a web page, rather than just presentation
- Examples of semantic HTML elements include:
-
<header>
: defines the header section of a document or section -
<nav>
: defines a section of navigation links -
<main>
: defines the main content section of a document -
<section>
: defines a self-contained section of related content
-
Common HTML Attributes
- HTML attributes provide additional information about an element
- Common attributes include:
-
id
: assigns a unique identifier to an element -
class
: assigns one or more class names to an element -
style
: specifies inline styles for an element -
href
: specifies the link destination for an anchor element (<a>
) -
src
: specifies the source URL of an image (<img>
)
-
Learn the fundamentals of HTML, including its structure, elements, and attributes. Understand how to write semantic HTML and use common HTML elements and attributes to create web pages.
Make Your Own Quizzes and Flashcards
Convert your notes into interactive study material.
Get started for free