Instantly share code, notes, and snippets.
OnewayShruti / Wishlist.html
- Download ZIP
- Star 1 You must be signed in to star a gist
- Fork 0 You must be signed in to fork a gist
- Embed Embed this gist in your website.
- Share Copy sharable link for this gist.
- Clone via HTTPS Clone using the web URL.
- Learn more about clone URLs
- Save OnewayShruti/7b6907cc20930211411c59f045a24428 to your computer and use it in GitHub Desktop.
- Skip to main content
- Skip to primary sidebar
- Skip to footer
Additional menu
Khan Academy Blog
Learn how to make webpages with HTML & CSS on Khan Academy
posted on November 19, 2014
I often get asked how I got into programming. Well, it all started with me forgetting to buy a gift for my mum. I was in 6th grade, and it was Mother’s Day. We lived a few hours walk from the shops in town, and I had to walk by a high-security penitentiary to get to those shops – given the recent surge in prison escapes, I didn’t feel like taking the risk.
I’d been browsing the web a lot recently, checking out the fan websites for my favorite boy bands and hanging out in pet-themed chat rooms. I always liked the idea of making gifts instead of buying gifts, so I thought “hey, I’ll make my mum a webpage!”
And that’s how I got into programming. I started off in HTML and then got into Perl, Java, JavaScript, PHP—anything I could get my hands that would enable me to share creations on the web.
Now, nearly 2 decades later, the web is ubiquitous and there are more than 1 billion websites on the internet. Every single one of those websites is built with HTML, and probably many of them include CSS for styling and JavaScript for interactivity.
That’s why I’m thrilled that we can now teach HTML and CSS on Khan Academy. HTML/CSS is the first step on the path to being a web developer, plus it’s also a skill that non-developers can hugely benefit from – like bloggers, marketers, and librarians – because HTML shows up in so many of their jobs, too.
You can try out our HTML/CSS environment here . It’s interactive and real-time, just like our ProcessingJS environment , plus includes a color picker, image picker, and number scrubbers.
To help you learn how to make webpages, we’ve put together an Intro to HTML/CSS course . It’s around 8 hours of talk-throughs, coding challenges, projects, and quizzes, and will give you a great basis in the most common HTML tags and a wide range of CSS selectors and properties.
For something more bite-sized, you can start with the Hour of Webpages , which is one of our Hour of Code offerings this year.
Thank you to the team for all their hard work in making this possible – John Resig, Brian Bondy, and Alex Rodrigues. Let’s get more people hooked on HTML!
Get Khanmigo
The best way to learn and teach with AI is here. Ace the school year with our AI-powered guide, Khanmigo.
For learners For teachers For parents
If you're seeing this message, it means we're having trouble loading external resources on our website.
If you're behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.
To log in and use all the features of Khan Academy, please enable JavaScript in your browser.
Hour of Code
Course: hour of code > unit 1.
- Welcome to the web!
- HTML basics
- Quick tip: HTML tags
- Challenge: Write a Poem
- HTML: Text emphasis
Challenge: You can learn text tags
- HTML: Lists
- Challenge: Wishlist
- HTML: Images
- Challenge: A picture-perfect trip
- Project: Holiday card
- Go beyond the hour
IMAGES
VIDEO
COMMENTS
Learn for free about math, art, computer programming, economics, physics, chemistry, biology, medicine, finance, history, and more. Khan Academy is a nonprofit with the mission of providing a free, world-class education for anyone, anywhere.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window.
","stylingDirectives":null,"colorizedLines":null,"csv":null,"csvError":null,"dependabotInfo":{"showConfigurationBanner":false,"configFilePath":null ...
Travel to Hawaii"," "," The Islands"," "," Hawai'i"," Oahu"," Maui"," Kauai"," Lani
Some additional guidance for the "Project: Travel Webpage" activity on Khan Academy's unit on HTML /CSSThis activity is for Extra Credit.
Project: Travel Webpage. This project is a culminating activity where you will show me what you have learned while working on our Khan Academy activities (HTML and CSS) so there is no "step-by-step" tutorial. However, there is a video below that shows how the example Khan Academy challenge was completed.
Practice. Learn how to use HTML and CSS to make webpages. HTML is the markup language that you surround content with, to tell browsers about headings, lists, tables, and more. CSS is the stylesheet language that you style the page with, to tell browsers to change the color, font, layout, and more.
Travel to Albania",""," Explore Albania holidays and discover the best time and places to visit.",""," ",""," Why you should travel to Albania:
Things to see"," The epic volcano"," Monkey forest"," "," Things to do"," Snorkling"," Meditating"," "," Bali is a wonderful place to visit, especially off beat places.
Learn for free about math, art, computer programming, economics, physics, chemistry, biology, medicine, finance, history, and more. Khan Academy is a nonprofit with the mission of providing a free, world-class education for anyone, anywhere.
The webpage is about travel webpage. I chos... Join me in my programming adventure!!Follow my thought process in figuring out webpage project from Khan Academy. The webpage is about travel webpage.
Made for my studentsI created this video with the YouTube Video Editor (http://www.youtube.com/editor)
In this challenge, you'll make a wishlist: a list of activities you want to do or things. you want to have. To start off, write the HTML tag that creates a numbered list. HTML/CSS Khan Academy Challenges. GitHub Gist: instantly share code, notes, and snippets.
To help you learn how to make webpages, we've put together an Intro to HTML/CSS course. It's around 8 hours of talk-throughs, coding challenges, projects, and quizzes, and will give you a great basis in the most common HTML tags and a wide range of CSS selectors and properties. For something more bite-sized, you can start with the Hour of ...
Learn for free about math, art, computer programming, economics, physics, chemistry, biology, medicine, finance, history, and more. Khan Academy is a nonprofit with the mission of providing a free, world-class education for anyone, anywhere.
How does Khan Academy make content more accessible? Can Khan Academy content be used with read-aloud tools? What screen readers work best with Khan Academy? See all 3 articles Our mission is to provide a free, world-class education to anyone, anywhere. Khan Academy is a 501(c)(3) nonprofit organization. Donate or volunteer today! About.
Challenge: A picture-perfect trip. CSS Basics. Project: Holiday card. Go beyond the hour. Computing > Hour of Code > Hour of Code lessons > Creating webpages ... economics, physics, chemistry, biology, medicine, finance, history, and more. Khan Academy is a nonprofit with the mission of providing a free, world-class education for anyone, anywhere.
Trusted content. Created by experts, Khan Academy's library of trusted, standards-aligned practice and lessons covers math K-12 through early college, grammar, science, history, AP®, SAT®, and more. It's all free for learners and teachers.
Mastery Challenges are a way for you to review and practice skills you've previously learned in a course. It's also another way for you to earn mastery levels, in addition to taking Unit Tests and Course Challenges. Mastery Challenges aren't always available. They are unlocked when: You've reached the Familiar level on at least 3 skills. You ...
Khan Academy is a nonprofit with the mission of providing a free, world-class education for anyone, anywhere. Learn for free about math, art, computer programming, economics, physics, chemistry, biology, medicine, finance, history, and more. Khan Academy is a nonprofit with the mission of providing a free, world-class education for anyone ...
I'm a UX designer and maker/artist... and I'm currently learning to code! In this video I complete the second challenge in Khan Academy's course "HTML/JS: M...
I'm an adult learner who started using Khan Academy to learn math and now physics after I retired in mid-2017. I hope to do more traveling now that I'm retired. I have a personal challenge to use Khan Academy in hotels in as many U.S. states as possible. Although hotel Wifi is sometimes sketchy, I have managed to use Khan Academy in hotels in 8 ...