Tool Summary #
HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are programming languages used to create web pages. By learning their syntax, you have the ability to design or edit your own website.
Quick Facts #
- Price: Free
- Platforms: Accessible on all platforms, text editors vary
- Recommended For: Students interested in creating websites, or learning about the internal structure of a website. Beginner-friendly.
- Where to Access: W3Schools or any other virtual or software IDE or a text editor
Things to Know #
HTML is essentially the structure of a web page. With it, you can add titles, paragraphs, headings, images, and links. Simple code embodies these structures, which indicate what the text and other inserted information will look like once displayed on a website. When displaying a website, its layout needs to be visually pleasing and accessible for all users. CSS is the design structure within HTML that allows a website to alter color, text size, and font (etc). To put it simply, HTML creates the site, and CSS creates the site’s aesthetic. Without CSS, a website would seem outdated, and feel far from user friendly. Below, a guide has been put together that shows a simple method of formatting HTML and CSS within available text editors such as Notepad ++, Sublime Text, Atom, Brackets (etc).
Getting Started Guides #
Codecademy HTML Course – A free HTML basics course ending with a coding certification.
Codecademy CSS Course – A free CSS basics course ending with a coding certification (requires the HTML course to be completed first).
W3Schools Introduction to HTML – A free, in depth, online HTML course.
HTML Crash Course For Absolute Beginners – A YouTube video that teaches you how to create a basic website step-by-step.
Additional Resources #
HTML Cheat Sheet – A list of helpful HTML “cheats.”
List of Text Editors – A list of various text editors available to use for HTML and CSS coding.
Want More Help? #
- Book an appointment with a consultant at the DKC. We would love to help you with your website-building projects!
- Check out our Getting Started with Website Building Guide for some additional tips and tricks and common mistakes.
Updated by Haley Gosman 09/17/2024