From d0595724cd13a2274e34a813119cf457a796af75 Mon Sep 17 00:00:00 2001 From: mjfernez Date: Wed, 22 Dec 2021 16:40:46 -0500 Subject: Table of Contents! Adds some works in progress This commit adds a table of contents generated in the panupdate script. It also changes some links on the homepage to conform with removing '/site' as the parent directory --- tutorials/www/quick-intro-html-css.html | 54 +++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) (limited to 'tutorials/www/quick-intro-html-css.html') diff --git a/tutorials/www/quick-intro-html-css.html b/tutorials/www/quick-intro-html-css.html index 33fba18..53073d3 100644 --- a/tutorials/www/quick-intro-html-css.html +++ b/tutorials/www/quick-intro-html-css.html @@ -1,3 +1,55 @@ + + + + + + + quick-intro-html-css + + + +

Note: you should run the examples to see how they work. You can either write the files yourself and open them in a web browser, or use an online HTML editor like this one

As you can see from the current state of this site, I'm not exactly exactly the most skilled web designer. But I struggled through the basics enough to get an idiot's sense of front-end web design, so that perspective might be useful if you have no clue where to start with this like I did.

The building blocks are very simple, but there's a lot of blocks. The HTML5 specification, which most browsers are built around, defines the semantics of elements that can should be rendered by a web browser. CSS similarly defines the attributes--or styles--that can be applied to those elements in a format specified here. I've never gotten deep into the weeds like professional designers do--and to be honest, I don't really want to. But I do like understanding how things work. And getting a unique custom HTML site is something anyone with a text editor and a web browser can get done in a weekend.

@@ -338,3 +390,5 @@ src="https://archive.md/zP2NL/9d16630c80f93351469867fde13ea5199cd1f483.jpg"
  • https://3body-net.medium.com/building-mobile-optimized-layouts-with-css-html-1a736d779b1b
  • https://stallman.org/common/stallman.css
    • + + -- cgit v1.2.3