info.design.2021.hello.world

100%

info.design.2021.hello.world

✓ Published0🌍 Public

Last edited Apr 12, 2021

Created on Apr 5, 2021

This example demonstrates a simple HTML page with bookmark navigation, where links jump to specific sections such as name, address, and phone number. The page uses plain CSS for styling and JavaScript for interaction, though the included JavaScript file is empty. It relies on native HTML anchor tags (`<a href="#...">`) and the `name` and `id` attributes to create jump targets. The layout is composed of header, section, and article elements, with placeholder text indicating information areas, and includes a "TOP" link to return to the page header.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

0414_html

This example demonstrates a simple HTML page with a bookmark-style navigation feature that links to specific sections such as name, address, phone number, and notes. The page uses anchor tags (`<a href="#...">`) to jump between content areas, with each section containing placeholder text and a link back to the top. It relies on plain HTML and CSS for structure and styling, with JavaScript not actively used in the visible code. The layout includes centered headers, an article navigation bar, and multiple information blocks marked by named anchors or IDs.

CChomin21

89% match

Loading thumbnail…

Untitled

This example demonstrates an HTML page with a bookmark (anchor) navigation feature that lets users jump between sections such as name, address, phone number, and reference notes. The page uses plain HTML anchor tags (`<a href="#id">`) and corresponding `name` or `id` attributes on target elements to enable in-page scrolling. A "TOP" link is provided to return to the top of the page. The styling is minimal, with a single CSS rule in `as.css` that sets a white heading on a black background. No JavaScript or visualization libraries are used.

Kkimtaeyoung-98

84% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a bookmark navigation system within a single HTML page. It presents a section of user information with anchor links at the top that jump to specific data points, including a name, address, and phone number. The page uses raw HTML anchor tags (`<a>`) with `href="#..."` attributes to create the internal links, while a `[TOP]` link returns the user to the header. The content is styled with a simple embedded CSS rule for centering text and a basic `<header>`, `<section>`, and `<article>` layout.

MMINI

84% match

Loading thumbnail…

0413..1

This example demonstrates a bookmark navigation system for a web page, allowing users to jump directly to specific sections such as name, address, phone number, and references. It uses HTML anchor elements with `href` attributes pointing to named targets (`#user`, `#addr`, `#tel`) and corresponding `id` or `name` attributes on target elements, along with `[TOP]` links to return to the page header. The page is built with plain HTML and CSS, relying on standard browser anchor navigation rather than JavaScript or React, despite the framework metadata.

KKim-Mingyeong

81% match

Loading thumbnail…

hello

This example demonstrates HTML hyperlink behavior through four anchor tags, each using a different `target` attribute value (`_blank`, `_self`, `_parent`, `_top`) to control where the linked W3C site opens. The page also includes a JavaScript alert that fires on load, plus external styling from `info.css` and a separate `java.js` file that writes dynamic content to the document using `document.write`. The rendering relies on plain HTML, CSS, and vanilla JavaScript without any visualization libraries or frameworks, showing a basic interactive web page rather than a data-driven chart.

Kkimgooq

78% match

Loading thumbnail…

info.design.2021.hello.world

This example demonstrates a minimal HTML page that integrates CSS and JavaScript to display a heading and log a message to the browser console. The code uses basic DOM elements and an embedded script to output "Hello JavaScript!" while also triggering an alert via the external `java.js` file. Styling is applied through both an external stylesheet (`info.css`) and inline `<style>` tags, setting the heading’s colors. The visualization relies on plain HTML and JavaScript APIs, with no external libraries or data sources.

PParkchanhyun17

76% match

Loading thumbnail…

informatio.design.hello.world

This example demonstrates a minimal introductory HTML page that presents static text content, including a heading that identifies the author and a simple "Hello HTML" message. It also includes JavaScript that logs "Hello JavaScript!" to the browser’s developer console. The code uses plain HTML elements, a linked CSS stylesheet (`info.css`) that styles the heading with white text on a black background, and an inline JavaScript block with a `switch` statement that maps the current day of the week to a Korean string (though it is not displayed on the page). A second JavaScript file (`java.js`) is referenced conceptually, showing variable type reassignment using `typeof`. The example serves as a basic demonstratation of how CSS and JavaScript integrate with HTML.

NNaeun

75% match

Loading thumbnail…

info.design.2021.hello.world

This example demonstrates a minimal HTML page that introduces fundamental web development technologies. The page displays a simple heading and text, while opening the browser’s developer tools reveals a console message. It also triggers an alert dialog through JavaScript. The code uses vanilla HTML, CSS, and JavaScript, including the `console.log` API and the `alert` function, with no external libraries or frameworks. The CSS styles the heading with white text on a black background.

Cclariedynn

75% match