Lucia / KNOWLEDGE & LEARNING

← Back to Library

Article / Web Basics ± 3 MIN READ

Read a web address without getting lost

Domain, path, query, and fragment: small parts with different jobs.

One address, several clues

A URL can tell you how to access a resource, where its host is, and which part to open. Reading it piece by piece is easier than treating it as one long string.

In the example below, the https scheme describes the access method. Domain name example.com identifies the host; /buku/ is the path. The query topik=web carries a parameter, while the fragment pengantar identifies a part of the document.

https://example.com/buku/?topik=web#pengantar

A domain name is not the whole address

Two URLs can share a domain but have different paths. Two sites can also share a page title but have different domains. Check the actual address before sending information or following a page’s instructions.

HTTPS helps protect the connection, but does not automatically make the site owner trustworthy. DNS helps locate an address; it does not judge whether the site’s offers or claims are reasonable.

Move through links

Link can lead to another page, a download, or a section on the same page. Clear link text lets readers anticipate the destination. ‘Read the HTTP definition’ provides more guidance than a generic phrase such as ‘here’.

In Lucia, you can open a term while reading, then return to the previous sentence. That connection should support understanding. A page full of links without context can instead distract readers.

A simple exercise: read an address from left to right, find the host name boundary, then distinguish its path and parameters. You do not need to open an unfamiliar address; use the written example above.

TRY TO UNDERSTAND

One question before moving on.

In https://example.com/buku/?topik=web#pengantar, which part is the path?

SOURCES & FURTHER READING

The concepts behind the reading.

Open Lexicon ↗

Lucia LEXICON / SHORT DEFINITION

Understand this concept

Search knowledge in Lucia

LADDER / LEARNING MATERIAL

What is HTML?HTML FundamentalsYour First HTML DocumentHTML FundamentalsInside the HeadHTML FundamentalsEdit, Preview, RepeatHTML FundamentalsTrial 1HTML FundamentalsTags vs. ElementsHTML FundamentalsUnderstanding AttributesHTML FundamentalsNesting & Void ElementsHTML FundamentalsComments & Character ReferencesHTML FundamentalsTrial 2HTML FundamentalsHeadings & ParagraphsHTML FundamentalsEmphasis, Importance & QuotesHTML FundamentalsListsHTML FundamentalsText with MeaningHTML FundamentalsTrial 3HTML FundamentalsLinks & URLsHTML FundamentalsFiles, Folders & NavigationHTML FundamentalsImages & Alternative TextHTML FundamentalsFigures, Audio & Video BasicsHTML FundamentalsTrial 4HTML FundamentalsPage LandmarksHTML FundamentalsSections & ArticlesHTML FundamentalsDiv, Span, ID & ClassHTML FundamentalsAccessible NavigationHTML FundamentalsTrial 5HTML FundamentalsWhen to Use a TableHTML FundamentalsRows & CellsHTML FundamentalsCaptions & HeadingsHTML FundamentalsAccessible TablesHTML FundamentalsTrial 6HTML FundamentalsForms & LabelsHTML FundamentalsInputs & Field ValuesHTML FundamentalsMore Form ControlsHTML FundamentalsBuilt-in Validation & SubmissionHTML FundamentalsTrial 7HTML FundamentalsPlan Your WebsiteHTML FundamentalsBuild the StructureHTML FundamentalsAdd Media & FormsHTML FundamentalsValidate, Debug & ReviewHTML FundamentalsMy First HTML WebsiteHTML Fundamentals

LEXICON / CONCEPTS

BrowserAn application for opening, displaying, and interacting with web pages.HTTPA protocol for exchanging requests and responses between web clients and servers.HTMLA markup language that gives structure and meaning to web content.JSONA text format for storing or exchanging structured data.DNSA distributed naming system that associates domain names with information such as IP addresses.HTTPSHTTP using TLS to protect data exchanges in transit.ServerSoftware or a computer that provides services to clients.URLAn address identifying a resource’s location and how to access it.Domain nameA hierarchical name identifying part of the internet’s naming system.LinkA reference you can follow to a resource or another part of a document.CSSA stylesheet language for controlling web document appearance and layout.JavaScriptA programming language that can add dynamic behavior to web pages.DOMA document representation structured as objects that APIs can read and modify.JSON objectA collection of name–value pairs in JSON, written inside curly braces.ArrayAn ordered sequence of JSON values, written inside square brackets.StringA sequence of characters representing text; JSON encloses it in double quotes.CompressionA way to represent data using less space.TransparencyAn image’s ability to let the background show through fully or partially.Raster imageAn image made from a pixel grid with defined dimensions.Alternative textText conveying an image’s function or meaning when the image cannot be seen.HTML elementA unit of markup that gives content structure or meaning.HTML tagA marker in angle brackets that opens or closes an element.HTML attributeAdditional information on an element’s opening tag.HeadThe part of an HTML document that holds page metadata.TitleThe name of an HTML document, usually displayed in browser tabs and bookmarks.MetaAn element for metadata not covered by other metadata elements.Character encodingRules connecting text characters with byte representations.ViewportThe area in which a browser displays a page on a device.Void elementAn HTML element with no child content or closing tag.Character referenceA way to write a character through a named or numeric reference in HTML.HeadingThe h1 through h6 elements, which identify heading levels in document content.Semantic HTMLUsing HTML elements according to their content’s meaning and function.AccessibilityThe practice of making content and interactions usable by people with varied abilities.HTML listA structure for grouping items, with or without meaningful order.Relative pathA resource address resolved from the document’s location or base URL.Figure & figcaptionElements that group self-contained content with a visible caption.LandmarkA major page region that helps users recognize and navigate its structure.HTML tableA row and column structure presenting data with two-dimensional relationships.HTML formA group of controls that lets users enter or select data.Form labelA name explaining a form control and connected to it programmatically.HTML validationChecking markup conformance or, for forms, compliance with declared field rules.