TIL HTML J4F (The Book + Daisy's Web Dev Diary Video Series)
With Membership
Suggested price


Build Your First Website!

About the Book

About the Author


Engaging education


The Book

Learn how to build a game board with the table element, make sandwiches with forms, conquer dragons with semantic markup, link to exotic locations, and build up a robot's self esteem with structural markup in this beginner friendly introduction to the essential web development language: HTML.

  • PDF

  • EPUB

  • English

With Membership
Suggested price
The Book + Daisy's Web Dev Diary Video Series

Get the book and all 10 episodes of Daisy's Web Development Diary!

  • PDF

  • EPUB

  • English

With Membership
Suggested price

Table of Contents

Chapter 1: An Introduction to the Technology Behind Web Applications
  • HyperText Markup Language
  • Cascading Style Sheets
  • JavaScript
Chapter 2: Choose Your Text Editing Weapon
  • Why is a text editor like a writing desk? (differences between word processors and plain text editors)
  • Text editors for noobs
  • Text editors for leet
Chapter 3: Build Your First Web Page
  • What's up DOCTYPE?
  • Structural HTML elements
Chapter 4: Say What You Mean with Semantic Markup
  • Emphasis lies in being bold
  • The defining HTML element
  • Emphasizing text with italics
  • Semantic highlighting
  • Short quotes
Chapter 5: Top Three Stylish Lists for your HTML
  • Ordered lists
  • Unordered lists
  • Description lists
Chapter 6: Document Flow and Display Methods
  • Block-level elements
  • Inline elements
  • Inline-block elements
Chapter 7: Organize Files and Folder Structure for Web Pages
  • Get In touch with your web root
  • What wakes index so special?
  • Organize pages in sub-directories
  • Consolidate public assets
  • Relative and absolute stylesheet linking
Chapter 8: Connect HTML Documents with the Anchor Element
  • Come with us now on a journey through time and space (linking to websites and web pages)
  • Opening links in a new window
  • Linking to in-page content
Chapter 9: Insert Photos and Graphics in a Web Page
  • The only src of knowledge is experience
  • Width and height attributes
  • A friendly reminder about display methods
Chapter 10: Web Appropriate Image Formats
  • Lossy compression
  • Lossless compression
  • Animated images
  • And now for something completely different (vector images)
Chapter 11: Resize Photos with GIMP
  • Optimizing images for the web
Chapter 12: Build a Game Board with the Table Element
  • Table rows, cells, and headings
  • Spanning multiple columns
  • Spanning multiple rows
Chapter 13: Build an HTML Sandwich with Form Elements
  • Turn on your radio input
  • Group related fields with fieldset and legend
  • List choices with the select element
  • Allow multiple selections with checkboxes
  • Use label elements for accessibility
  • Write freely with text inputs and textareas
  • Wrap it up with a submit button
Chapter 14: Audio and Video Media Players
  • Embed and customize a video player
  • Embed an audio player
Chapter 15: Convert Audio and Video for the Web
  • Basic avconv syntax
  • Video encoding
  • Audio encoding
Chapter 16: Don't Lose Your Head... Title, Meta, Link and Script Elements
  • Where's your head at?
  • Untitled (the title element)
  • Meta elements
  • Fashion! Turn to the left (linking style sheets)
Chapter 17: I Learned HTML and All I Got was this Rich Text Document
  • What now?
Additional Resources
  • Web development tools
  • Extra credit

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

80% Royalties. Earn $16 on a $20 book.

We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $13 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub