HTML
Studied by 0 people
Learn
Practice Test
Spaced Repetition
Match
Flashcards1/49
There's no tags or description
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced |
|---|
No study sessions yet.
50 Terms
<html>
Root element of an HTML document. Wraps all the content. It signifies the beginning of an HTML document and contains all other elements within it.
<head>
Contains meta-information about the document (title, links to CSS, etc.) It is placed within the <html> element and does not display content directly on the page.
<title>
Sets the title of the page, shown in the browser tab. It is placed within the <head> element and is essential for SEO (Search Engine Optimization).
<body>
Contains all the visible content of the webpage. It is placed within the <title> element and includes elements such as text, images, and links that are rendered on the user's screen.
<h1> to <h6>
Headings. <h1> is the most important, <h6> is the least. Used to structure content and define hierarchy in HTML documents. Headings defined in HTML that help organize and prioritize content, ensuring proper readability and SEO. (Search Engine Optimization)
<p>
Paragraph element. Used for blocks of text. It defines a container for a paragraph of text in HTML, automatically adding spacing before and after the block.
<a>
Anchor element. Used to create hyperlinks to other web pages or resources. It can contain text or images, which are clickable and direct users to the specified URL.
href
Attribute in <a> to specify the link destination and may also include protocols like http or https.
<img>
Embeds an image. It is a self-closing tag in HTML that incorporates images into a web page, allowing for visuals to be displayed without any additional text.
src
Attribute in <img> to specify the image source. The 'src' attribute in the <img> tag is used to specify the path or URL of the image to be displayed on the web page.
alt
An attribute in <img> for alternative text (if an image fails to load) and improves accessibility by describing the image.
<ul>
Unordered list (bulleted)
<ol>
Ordered list (numbered)
<li>
List item, used inside <ul> or <ol>
<div>
Generic container for layout and styling. Used to group content together.
<span>
Inline container for text and styling. Used to apply styles or manipulate a portion of text within HTML.
<br>
Line break. Moves content to the next line. It is a self-closing tag used in HTML to create a new line without starting a new paragraph.
<strong>
Makes text bold and semantically strong. It is commonly used to emphasize important text within a block of content.
<em>
Emphasizes text (usually italic) to indicate importance or stress.
<form>
Creates an input form for user data. It can include various elements such as text fields, checkboxes, and buttons, allowing users to submit information to a server.
<input>
Accepts user input inside forms. It can represent various data types such as text, password, email, and more, allowing for interaction in user forms.
type (in <input>)
Specifies input type (e.g., text, password, email). This attribute defines how the input should be processed and displayed, allowing for different user interactions.
<label>
Describes an <input> element. It defines a label for user input, improving accessibility and usability in forms.
<button>
Clickable button element.
<textarea>
Multi-line text input. This element allows users to enter multiple lines of text, typically for comments or descriptions. It enhances form usability by providing a larger area for input.
<select>
Drop-down list. It allows users to choose one or more options from a list, improving form functionality and user experience.
<option>
Defines an option in a drop-down list. Represents a single choice within a <select> element, allowing users to choose from various available options in a form.
<table>
Creates a table. This element is used to structure data in rows and columns, similarly to Excel spreadsheets.
<tr>
Table row. It defines a row of data in a table, allowing multiple cells (<td> elements) to be grouped together horizontally.
<td>
Table cell (data). It represents a single data item within a table row, used to organize and display data within a table structure.
<thead>
Groups header content in a table.
<tbody>
Groups body content in a table.
<footer>
Footer section of a page. It typically contains copyright information, links, or contact details.
<header>
Header section of a page. It typically contains introductory content, navigation links, or a logo. Not to be mistaken for either <title> or headings.
<nav>
Contains navigation links. It helps users navigate through different sections or pages of a website.
<section>
Defines a section of content. It is typically used to group related content together and can contain headings, paragraphs, and other elements.
<article>
Self-contained content. It is often used for articles, blog posts, or news stories, and can stand alone or be part of a larger document.
<aside>
Content aside from the main flow (like a sidebar). It often contains related information, such as links, notes, or advertisements that enhance the main content without detracting from it.
<iframe>
Embeds another webpage within the current page. It allows you to display content such as videos, maps, or other sites directly in your HTML document.
Semantic HTML
Using HTML elements according to their meaning for better accessibility and SEO. It emphasizes the structure and purpose of content, helping browsers and assistive technologies understand the page better.
Self-closing tag
Tags that don’t need a closing pair (e.g., <img />, <br />)
Block-level element
Starts on a new line and takes up full width (e.g., <div>, <p>).
Inline element
Does not start on a new line and only takes up as much width as necessary (e.g., <span>, <a>).
class
Attribute to assign a CSS class for styling.
id
Attribute to assign a unique identifier.
<link>
Links external resources like CSS. It is used within the head section of an HTML document to link external stylesheets or other resources.
<script>
Embeds or links to JavaScript. It allows for the execution of JavaScript code within an HTML document, enabling interactivity and dynamic content.
rel (in <link>
Specifies the relationship between the current document and the linked resource. Common values include "stylesheet" and "icon."
target="_blank"
Opens the link in a new tab or window. This attribute is commonly used with anchor tags to enhance user experience by not navigating away from the original page.
SEO
Also known as Search Engine Optimization, is the practice of optimizing a website to improve its visibility and ranking in search engine results, driving organic traffic to the site.
Note 
Flashcards (101)