Today we build the bones. HTML is structure — pens, chute, paper record book. Nothing pretty yet.
Create a folder named ranch-record. Inside it, a file named exactly index.html.
Live result
This is where you'll be at the end of the lesson. Plain on purpose.
Step 1 — the skeleton
Howdy World Ranch — Record Card
is about the page. is what you see.
Step 2 — header and intro
Inside :
Howdy World Ranch
Livestock Record Card — Fort Worth Stockyards Inspired Herd
These animals are inspired by the famous Fort Worth Herd longhorns that walk Exchange Street twice a day. We're using them as our teaching example while we learn to build tools for the ranch.
Step 3 — the herd table
Current Herd
Name Tag Breed Notes Black Gold FW-01 Texas Longhorn Rare black pattern, 100"+ horns Brutus FW-02 Texas Longhorn Largest steer in the example herd McCree FW-03 Texas Longhorn Strong presence Blacksmith FW-04 Texas Longhorn Newer addition to the drive
Rows are Save the file. Double-click it or drag it onto a browser. You should see the ranch name and four animals. If it looks boring, you did it right.. Header cells are . Data cells are .
Save and open