HTML + CSS

.
Logo Image: 

HTML + CSS are the building blocks of web pages. HTML is the language that structures a web page, while CSS provides the design and style elements of the page.

HTML (Hyper Text Markup Language) provides the page's structure and allows the creator to add elements such as headings, paragraphs, tables, lists and images directly onto the surface of the page. HTML is also used to create hyperlinks that will bring the user to other pages or documents. It can be used to embed video, sound and other elements into the page and create online forms.

CSS (Cascading Style Sheets) is a language that describes the layout of the webpage. CSS adds the visual and aural elements of a webpage - those features that make it attractive and usable. You might have encountered web pages that momentarily load only their HTML content, not their CSS - they are usable, but look like long lists, with no graphical elements. CSS is used to apply colors, fonts and adaptable layouts that will change according to the device that the user is using to view the web page (e.g. smartphone-friendly web pages).

HTML and CSS are easy languages to begin learning and they're intuitive enought that it is possible for new users to start creating very simple web pages right away. With various free, interactive online tutorials from websites such as HTML Dog and Codecademy, some of which offer badges and other reward systems, it's also possible to learn HTML and CSS at no expense and on your own time.

After gaining a foundation in HTML and CSS, students can investigate more complex elements of web design, such as JavaScript, which adds interactive elements to web pages. HTML and CSS are crucial programming languages for any student who is learning about computers, web design, web applications and information technology.

Intro to HTML and CSS Part 1 - Text Editors
The first in a series of educational videos from Village Park Source introduces HTML, CSS and how to use text editors to build a website.
HTML & CSS - Introduction
This clear and informative introduction to HTML and CSS from W3C explains the role of both HTML and CSS, and related concepts such as XHTML and WebFonts.
Basic HTML: Introduction
HTML Goodies provides a clear and entertaining introduction to the basics of HTML, from an absolute beginner's perspective.
HTML Dog - Getting Started
HTML Dog's online course in HTML5 (the latest version of HTML) is a great way to get acquainted with HTML and CSS. This page explains what HTML is, and what it does.
Getting Started with CSS
Mozilla Developer network (the creators of the Firefox web browser) have a series of useful tutorials on web development. This "Getting Started" guide introduces the various applications of CSS.
Getting Started With HTML - First Things First
This detailed "Getting Started" guide from Code Project introduces common HTML tags and features.
HTML5 Tutorial for Beginners
This useful "Getting Started" video tutorial from Tutors4U (part 1 of 6) introduces HTML5, and defines some terminology.
CSS Tutorial for Beginners
The first in a further series of videos from Tutors4U introduces CSS and what it can do, assuming some prior knowledge of HTML.
Build Your Own Webpage
Codecademy's free online courses are great for learning the basics of HTML. After checking out the previous section of the course (HTML Basics), try out your skills by building your own simple webpage.
Build a Social Networking Profile
This project follows on from Codecademy's HTML Basics 2 course - use HTML to build your own social media profile including elements such as profile pictures.
Design and Code Your First Website in 10 Easy Steps
This accessible tutorial from Tuts+ explains how to design and code a website using Photoshop, assuming a basic knowledge of HTML and CSS.
Build a Resume
This advanced project from Codecademy assumes proficiency in HTML and CSS - covered in previous tutorials on the site. Learn how to use HTML and CSS to build a responsive and attractive online resume.
Create Responsive Layouts Using Pure
This tutorial from Tuts+ describes how to use Pure, a small library of CSS elements that can be used to create responsive elements in webpages.
Make Your Own Mondrian
Create your own modern art masterpiece using HTML and CSS in this fun tutorial from Google's CODER projects.
Should all kids learn to code?
An interesting article from Great Schools on whether kids should learn a programming language as a 'second language'.
Code Pen
Code Pen is an open source, collaborative site where developers can share and work on applications using HTML, CSS and JavaScript.
This 12-year-old kid learned to code on Codecademy, built 5 apps, and is speaking at SXSW
Venture Beat covers the story of 12 year old Ethan Duggan, who taught himself to code and build apps.
Coding Camps for Kids Rise in Popularity
An Associated Press report on the increasingly popular phenomenon of coding camps for kids.
14-Year-Old Prodigy Programmer Dreams in Code
This incredible interview features 14-year-old, Santiago Gonzalez, who is a genius programmer and software developer.
7 Apps for Teaching Kids Coding Skills
A helpful list of both free and paid apps from Edutopia that specifically aim to develop children's coding skills.
Hour of Code
Hour of Code is a remarkable initiative to get students and teachers coding in the classroom, on the basis of dedicated "hours of code."
Raising a Hacker: Cool Tools to Help Kids Learn to Code
Common Sense Media has a useful list of websites and interactive apps that help kids learn how to code.
What Most Schools Don't Teach
This short film, featuring Bill Gates and Mark Zuckerberg, emphasizes the need for kids to learn coding skills in schools.
A Look into HTML6: What Is It, and What Does It Have To Offer?
Find out more about the capabilities of HTML's new iteration, HTML6, in this informative piece from Script Tutorials.
Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript & Web Graphics. By Jennifer Niederst Robbins
This beginner's guide to Web design, written by one of its first designers starts from the very basics of the Web and builds up to the point where you can create your own Web page using HTML, CSS and JavaScript. Also available as an E-Book.
Head First HTML with CSS and XHTML. By Elizabeth Robson and Eric Freeman
An accessible guide to using HTML, CSS and XHTML that focuses on communication and effective website design. Available in paperback and E-book versions.
HTML Dog
HTML Dog is an excellent resource for free HMTL, CSS and JavaScript tutorials, tips and techniques.
Codecademy - Learn HTML & CSS
Learn HTML & CSS as a complete beginner with Codecademy's free, interactive online course.
Code Avengers - HTML5 Course
Code Avengers provide a similarly focused free online course in HTML5, containing short lessons and tasks related to Web development.
Google Creative Labs: CODER Projects
Discover fun and creative projects involving coding and hardware, such as the Raspberry Pi, in this collection of projects from Google Creative Labs' CODER Project.
Learn About Domains & HTML (for Mrs. Gold's Kids!)
HTML code, Web pages, and domain names, while different, all share a single purpose. These tools make information available on the Internet to the world at large. Any business, school, or person that wants to make their presence known online will in some way make use of these three things. Some people will use automated tools to manage them, while ...
Google Code Jam 2015
This international programming competition runs from March to August every year, and is based on a round format. Programmers compete in four online rounds to solve algorithmic puzzles, leading to an on-site final at Google's headquarters in Los Angeles. Students aged 13 or older are eligible to compete, although entrants must be 18 or over to ...
Google Summer of Code
Google Summer of Code is an initiative that provides a stipend to 13-17 year old students from across the world to pursue open-source coding projects. If you apply and your project is approved, you will be mentored throughout the program. Student registration is closed for 2015, but this is an annual event. From May 25, 2015 to August 31, 2015 On...
InnEdCo 2015
Innovation Education Colorado's conference focuses on education in the digital age, specifically targeted at K-12 educators. From June 23, 2015 to June 25, 2015 Colorado Springs, CO
CSLO Webinar: Hour of Code
Explore resources available to you to help implement the "hour of code" into your curriculum in this webinar for educators, from Erie 1 BOCES. From October 19, 2015 to October 19, 2015 Online
TIE Conference 2016
Technology and Innovation in Education's conference mixes keynote presentations and in-depth discussions on key issues in education technology. From April 10, 2016 to April 12, 2016 Sioux Falls, SD