Web Development Concepts and Principles

These flashcards cover key concepts and definitions related to HTML, CSS, web design, and development principles essential for understanding web technologies.

Specifies the document type and version of HTML being used in the document.

The root element that encloses the entire HTML document.

Section that contains metadata and links to external resources.

Section that contains the visible content of the webpage.

Element content that appears in the browser's title bar or tab.

semantic markup

Using HTML elements that convey the meaning and structure of content.

browser’s rendering engine

Processes HTML, CSS, and JavaScript code to visually render webpages.

external style sheet

Centralizes styling rules for easier maintenance across multiple webpages.

XML and HTML

XML is for storing data, while HTML is used for creating webpages.

HTML5 syntax

A more relaxed syntax with self-closing tags and optional quotation marks.

well-formed document

An XML or HTML document that adheres to syntax rules with correctly nested elements.

document metadata

Information about the document such as title, author, and keywords.

metadata in

Stored using elements like

sectioning elements

New HTML elements like

,

, and

designed for organizing content.

element

Provides a drawing surface for creating graphics, animations, and interactive content.

Target Audience

Understanding demographics, preferences, and behaviors of intended users.

Usability

Designing an intuitive interface to enhance the user experience.

Mobile-Friendliness

Optimizing websites for usability on mobile devices.

Browser Compatibility

Ensuring the website functions correctly across different web browsers.

SEO

Applying techniques to improve the website's visibility and ranking.

Responsive Design

Layouts that adapt to different screen sizes for consistent user experience.

Cascading Style Sheets (CSS)

Used to control the layout and presentation of web pages.

box model

Describes layout with content area, padding, border, and margin.

float property

Allows elements to be removed from the normal document flow.

clear property

Specifies if an element should move below floating elements.

flexible layout

Layouts that adapt to various screen sizes, enhancing user experience.

fixed layout

Layouts that maintain consistent design regardless of screen size.

margin property

Used to add gutters between columns of text.

Commonly used to contain the content section of a web page.

clickable links

Descriptive text that indicates the purpose of the link.