ViewPort Units are OFF

Navigation

Back to the Beginning: Home Page

What each page should have: Meta Data, must view in WYSIWYG

What is possible with text: Text Experimental Page

A more powerful way of using font size in viewport: Viewport Units 1-6

What an image looks like: Images Lesson

What each webpage will look like BLANK: Child Template Page

Use a text edittor to craft white text for the nav items.

Use "ol" with style="type=1|a|A|i|I;" if want numbered pages

Remember, the layout of li-tags & a-tags creates high contract with hyperlinked colour text. Some viewers struggle with low contrast text and colours.

CAUTION: Use the DOC-Map to craft all the pages, using file names in childTemplate before creating the actual files. This will COPY/PASTE childTemplate to new pages with the same NAV Layout.

Steps in Creating an Image

Pick an Image
Open image in new Browser Window until URL ends with image file extension (i.e. .jpg, .tiff, .mp3, .gif)
Record URL, Cite, and comment for date accessed
Record with blockquote-tag
Use img tag with src, alt, title, and style attribute

Mr. Mercer's WOW Image, 25% of width

../Images/23089796-wow-in-pop-art.jpg

Mr. Mercer's WOW Image, 100% of width

../Images/23089796-wow-in-pop-art.jpg

Daria's Hamster Meme, 25% of width

../Images/viral-tiktok-hamster-meme-1024x576.avif

Daria's Hamster Meme, 100% of width

../Images/viral-tiktok-hamster-meme-1024x576.avif

Information about these images

Image #1, Daria's Hamster, with server help: Find where this lives

Image #2, Daria's Hamster, without server help: Find where this lives

How to read a URL, in an article tag.

Note, there is no border here in the aside space.

Domain or Server Name
Folders
File Name
File Extension
Question to Server (i.e. ?)
Parameters of server software to return image