4.14.2021.InfoDesign.2

100%

4.14.2021.InfoDesign.2

✓ Published0🌍 Public

EErin2021

Last edited Apr 14, 2021

Created on Apr 14, 2021

This example demonstrates a static HTML page displaying Korean text that introduces web programming concepts, including HTML special characters and references to JavaScript and jQuery. The page uses semantic HTML5 elements—header, section, article, and footer—to structure the content, with inline CSS styling applied through attributes like `hr` alignment and font sizes. It does not employ any JavaScript libraries or data visualizations, relying solely on raw HTML and minimal styling to present textual information in a simple, clean layout.

AI-generated description

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

Similar vizzes

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

80% match

Loading thumbnail…

0413..0

This example displays a static HTML page that documents HTML special characters, hyperlink tags, and their attributes, with a header, section, and footer layout. The page uses semantic HTML elements like `<header>`, `<section>`, `<article>`, and `<footer>`, along with character entities (`&num;`, `&`, `©`) and hyperlink examples targeting different browsing contexts (`_blank`, `_self`, `_parent`, `_top`). The code relies solely on native HTML and CSS, with no JavaScript libraries or data-visualization APIs involved. It presents markup syntax and link behavior as educational content.

KKim-Mingyeong

80% match

Loading thumbnail…

Info_Design_210414_Basic

This example demonstrates a minimal web page that introduces fundamental web technologies: HTML for structure, CSS for presentation, and JavaScript for interactivity. The page displays a heading and a greeting, while the embedded script performs simple arithmetic and logs messages to the browser console. A separate external JavaScript file triggers an alert dialog on load. The code uses native HTML elements, a linked stylesheet (`Style.css`), and inline scripting, with no external libraries or frameworks. The primary rendering approach is the standard document flow within the browser.

RRoh-2040

77% match

Loading thumbnail…

info.desin.210407

This example displays a minimal HTML page presenting the text “Hello HTML” in large, centered type. It demonstrates the fundamental structure of a web document by linking to external resources and embedding a script. The page relies on standard CSS for styling, setting the body font-size to 13em, and uses vanilla JavaScript to log “Hello JavaScript!” to the browser’s developer console. It serves as a basic foundational template, similar to a React starter, for building interactive visualizations.

CChomin21

77% match

Loading thumbnail…

information design

This example presents a minimal static web page titled “information design,” built with HTML, CSS, and JavaScript. It renders the text “Hello HTML” directly in the browser body and logs “Hello JavaScript!” to the console using a script tag. The code does not include any data visualization or external libraries, serving instead as a bare starting point for React-based projects, as referenced in the accompanying README.

NNaeun

77% match

Loading thumbnail…

0414_html

This example demonstrates the use of HTML’s `<pre>` tag to display a block of preformatted text, including entity references and special characters, within a simple page layout. The page structure includes a header, a section containing the preformatted text, a horizontal rule, and a footer with copyright information. The code relies on basic HTML5 elements and inline CSS attributes, such as `size`, `align`, and `width` on the `<hr>`, without any JavaScript or external libraries. The content is static, presenting book details and pricing in Korean.

RRoh-2040

76% match

Loading thumbnail…

info...0408

This example displays a minimal HTML page that pairs CSS styling with JavaScript interactions. The page renders a black-and-white heading and a static text message, while the JavaScript file triggers an alert reading “information design” on load. It relies on plain CSS rules and a JavaScript alert call, with the console logging “Hello JavaScript!” from an inline script. The project demonstrates fundamental web technologies without external libraries, structured through separate `info.css` and `java.js` files. The React framework is listed as metadata, but the code itself does not import or use React components.

KKim-Mingyeong

76% match

Loading thumbnail…

info.design.2021.hello.world

This example displays the text “Hello HTML” in large, centered type, with a JavaScript console message logging “Hello JavaScript!” when the page loads. The visualization acts as a minimal starter template, combining a plain HTML structure with inline CSS for styling and a script tag for interactivity. It uses the browser’s native `console.log` API to output the message, demonstrating the fundamental integration of HTML, CSS, and JavaScript without any external libraries. The code is built for the React framework, though this particular file does not employ React-specific features, serving instead as a bare-bones introduction to web development.

SSeokwon98

76% match