diff options
| author | Kamal Wickramanayake <kamal@inbox.lk> | 2026-07-04 14:35:25 +0530 |
|---|---|---|
| committer | Kamal Wickramanayake <kamal@inbox.lk> | 2026-07-04 14:35:25 +0530 |
| commit | c3dd2a6d44ef929e0832ce6dca53a818e6711218 (patch) | |
| tree | 66d7254ef8534a0e23b50f9d1fce41cb36a8e6ab /css/01-no-css | |
| parent | 975dccebfcf51878b790a765d8e92ebcad895a24 (diff) | |
Added CSS examples
Diffstat (limited to 'css/01-no-css')
| -rw-r--r-- | css/01-no-css/index.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/css/01-no-css/index.html b/css/01-no-css/index.html new file mode 100644 index 0000000..ef3fc84 --- /dev/null +++ b/css/01-no-css/index.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title>Retro Styled Pure HTML</title> +</head> +<!-- Sets background color and text color natively via body attributes --> +<body bgcolor="#f0f4f8" text="#2d3748"> + + <!-- Table container used to mimic a centered layout box --> + <table align="center" width="600" bgcolor="#ffffff" cellpadding="20" style="border-collapse: collapse;"> + <tr> + <td> + <!-- Heading with manual alignment --> + <h1 align="center">Retro Native Styling</h1> + <hr color="#e2e8f0" size="1"> + + <p>This layout uses structural tables and attributes to center and color the canvas rather than an external CSS document.</p> + + <!-- Presentational table acting as a decorative callout block --> + <table width="100%" bgcolor="#e6fffa" cellpadding="15"> + <tr> + <td> + <strong>Fun Fact:</strong> This page works identically in a modern browser and a browser from 1996! + </td> + </tr> + </table> + + <p align="right"> + <font size="2" color="#718096">Minimalist footer note</font> + </p> + </td> + </tr> + </table> + +</body> +</html> + |