- Learning Path Libraries: This path is only available in the libraries listed. To access this path, purchase a license for the corresponding library.
- Core Tech
HTML and CSS
HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) together create the foundation for web pages and applications, allowing for the construction and design of web content. HTML provides the structure, using tags to organize text into elements like headings, paragraphs, and links, infused with attributes for detailed specifications. CSS then styles this content, applying visual aesthetics such as colors, layouts, and fonts through selectors that target HTML elements. Its cascading nature elegantly resolves style conflicts by specificity, while features like Flexbox and Grid facilitate responsive designs that adapt seamlessly across devices. This synergy between HTML's structure and CSS's style enables the development of visually appealing and technically robust web experiences, making them indispensable tools in the web developer's toolkit. This path will cover both in-depth.
Content in this path
Entry-Level
Practitioner
This section covers practitioner content.
Advanced
This section covers advanced content.
- **Elements and Tags**: HTML documents are comprised of HTML elements represented by tags. These tags label pieces of content such as "heading", "paragraph", "table", and so on. Tags generally come in pairs: an opening tag and a closing tag.
- **Attributes**: HTML tags can contain attributes. Attributes provide additional information about the element; for example, setting the src attribute of an img tag to define the image URL.
- **Structure**: HTML provides a means to structure a document with elements like headings (`` through ``), paragraphs (``), lists (``, ``), links (``), and more.
- **Semantics**: Modern HTML encourages the use of semantic elements that describe their meaning in a more understandable way both to browsers and developers. Examples include ``, ``, ``, and ``.
- **Selectors and Properties**: CSS works by selecting elements in the HTML document and then applying styles to them. Styles are defined using properties and values. For example, color, font-size, and margin are all properties that can be modified.
- **Cascading and Specificity**: One of the key features of CSS is its cascading nature. If there are two or more conflicting CSS rules that point to the same element, the browser follows rules to determine which style is most specific and therefore wins out.
- **Layouts**: CSS provides various layout techniques, like Flexbox and Grid, which offer robust and flexible ways to design web page layouts. These layouts allow for responsive design, which adjusts content based on the size of the screen.
- **Animations and Transitions**: CSS supports animations and transitions, enabling smooth movements and effects on pages without requiring JavaScript.
- Learning HTML and CSS does not require extensive prior knowledge, however, a few foundational skills and understandings can help:
- **Basic Computer Literacy**: Familiarity with operating computers, managing files and directories, and using a web browser effectively is essential. Understanding how to edit and save files, as well as basic navigation around your computer's file system, will be very helpful.
- **Understanding of the Internet and Web Browsers**: A general understanding of how the internet works, along with what web browsers do (rendering websites), will give you context on where HTML and CSS fit into the bigger picture of web development.
- **Text Editor Familiarity**: While you don’t need to be an expert, knowing how to use a text editor for coding is necessary. There are many options available, from simple ones like Notepad (Windows) or TextEdit (Mac) to more advanced code editors like Visual Studio Code, Sublime Text, Vim, or Emacs, which provide additional functionalities beneficial for writing code.
- JavaScript
- Responsive Web Design
- Web Browsers