web
HTML Introduction
Build Sunrise Stall, a four-page site, from a blank file. The course teaches HTML, then CSS in the three places it can live, then enough JavaScript for the page to react. The fee is USD 26.80 (approximately UGX 100,000).
What you'll learn
1. The page 2. Words and pictures 3. Many pages 4. Where CSS lives 5. The look 6. Forms 7. Other tags 8. Where JavaScript lives 9. Enough JavaScript 10. The page reacts
Course modules
10 sections · 64 lessonsThe page
Section 1 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
8 lessons
The page
Section 1 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
- 1.1What a website is
- 1.2html, head, and body
- 1.3Title and the first heading
- 1.4Paragraphs
- 1.5Comments
- 1.6Links on the same page
- 1.7strong and em
- 1.8Lists
Words and pictures
Section 2 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
8 lessons
Words and pictures
Section 2 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
- 2.1The menu as a list
- 2.2Images and alt
- 2.3figure and figcaption
- 2.4br and hr, used rarely
- 2.5div and span
- 2.6Quotes
- 2.7video and audio
- 2.8Home looks like a place
Many pages
Section 3 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
7 lessons
Many pages
Section 3 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
- 3.1header, main, and footer
- 3.2nav
- 3.3section and article
- 3.4aside and address
- 3.5A second page
- 3.6Four pages
- 3.7Project: the skeleton
Where CSS lives
Section 4 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
8 lessons
Where CSS lives
Section 4 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
- 4.1What CSS changes
- 4.2Inline style
- 4.3A style tag in the head
- 4.4An external stylesheet
- 4.5Which place to use
- 4.6Element selectors
- 4.7Classes
- 4.8Ids
The look
Section 5 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
8 lessons
The look
Section 5 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
- 5.1Which rule wins
- 5.2Color and type in the file
- 5.3The box
- 5.4Flex for the header
- 5.5Menu cards
- 5.6The same gaps
- 5.7A phone layout
- 5.8Project: styles live in the file
Forms
Section 6 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
6 lessons
Forms
Section 6 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
- 6.1The form
- 6.2Labels and text inputs
- 6.3Choices
- 6.4textarea and button
- 6.5Required fields
- 6.6Project: contact
Other tags
Section 7 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
3 lessons
Other tags
Section 7 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
- 7.1Tables
- 7.2details and dialog
- 7.3The tag shelf
Where JavaScript lives
Section 8 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
4 lessons
Where JavaScript lives
Section 8 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
- 8.1onclick on the tag
- 8.2A script at the bottom
- 8.3An external file
- 8.4Which place to use
Enough JavaScript
Section 9 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
6 lessons
Enough JavaScript
Section 9 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
- 9.1Lines in order
- 9.2Text and numbers
- 9.3Variables
- 9.4if
- 9.5A function
- 9.6Find an element by id
The page reacts
Section 10 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
6 lessons
The page reacts
Section 10 of HTML Introduction. The project is Sunrise Stall, a food stall in Kampala.
- 10.1A click in the script
- 10.2Show and hide
- 10.3The form check
- 10.4Filter the menu
- 10.5The phone nav still works
- 10.6Capstone