Differences

This shows you the differences between two versions of the page.

--- tanszek:oktatas:html-css_test [2026/09/02 08:43] – kissa
+++ tanszek:oktatas:html-css_test [2026/09/16 10:58] (current) – [Supplemental Material for HTML and CSS] kissa
@@ Line 1: / Line 1: @@
-===== HTML and CSS test preparation (Technical Communication) =====
+===== Supplemental Material for HTML and CSS =====
-The resources below supplement the material covered in class. They are intended for independent study and must be completed as homework.
+The resources below supplement the material covered in class. They are intended for independent study, which must be completed as homework.
-**Deadline: 4 October 2026**
 ==== Multiple-choice test ====
-The HTML-CSS multiple-choice test is expected to take place during the practical class in **week 5**, at the usual time and location. A separate Neptun message will confirm the details.
+The HTML-CSS multiple-choice test is expected to take place during the practical class in **19 October 2026**, at the usual time and location. **A separate Neptun message will confirm the details.**
+Students who fail the test will have the opportunity to **retake it in 30 November 2026** (this will also be confirmed in a separate Neptun message).
 The test will cover the material covered in class; and the independent study material listed below.
+A sample test is available on the [[https://elearning.uni-miskolc.hu/zart/course/view.php?id=11081|University E-Learning Portal]].
 ==== HTML ====
@@ Line 40: / Line 42: @@
 [[https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Attribute_selectors|Attribute selectors]]: As you know from your study of HTML, elements can have attributes that give further detail about the element being marked up. In CSS you can use attribute selectors to target elements with certain attributes. This lesson will show you how to use these very useful selectors.
-[[https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Pseudo_classes_and_elements|Pseudo-classes and pseudo-elements]]: The next set of selectors we will look at are referred to as pseudo-classes and pseudo-elements. There are a large number of these, and they often serve quite specific purposes. Once you know how to use them, you can look through the different types to see if there is something which works for the task you are trying to achieve.
 [[https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Box_model|The box model]]: Everything in CSS has a box around it, and understanding these boxes is key to being able to create more complex layouts with CSS, or to align items with other items. In this lesson, we will take a look at the CSS Box model. You'll get an understanding of how it works and the terminology that relates to it.
 [[https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts|Handling conflicts]]: The aim of this lesson is to develop your understanding of some of the most fundamental concepts of CSS — the cascade, specificity, and inheritance — which control how CSS is applied to HTML and how conflicts between style declarations are resolved.
-[[https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Values_and_units|Values and units]]: CSS rules contain declarations, which in turn are composed of properties and values. Each property used in CSS has a value type that describes what kind of values it is allowed to have. In this lesson, we will take a look at some of the most frequently used value types, what they are, and how they work.
 [[https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Sizing|Sizing items in CSS]]: Understanding how big the different features in your design will be is important. In this lesson we will summarize the various ways elements get a size via CSS and define a few terms about sizing that will help you in the future.
@@ Line 56: / Line 54: @@
 [[https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Text_styling/Fundamentals|Fundamental text and font styling]]: In this article we go through all the basics of text/font styling in detail, including setting font weight, family and style, font shorthand, text alignment and other effects, and line and letter spacing.
-[[https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Text_styling/Styling_lists|Styling lists]]: Lists behave like any other text for the most part, but there are some CSS properties specific to lists that you need to know about, and some best practices to consider. This article explains all.
-[[https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Text_styling/Styling_links|Styling links]]: When styling links, it is important to understand why default link styles are important, how to use pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus and tabs. We'll look at all these topics in this article.
 [[https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Introduction|Introduction to CSS layout]]: This lesson recaps some of the CSS layout features we've already touched upon in previous modules, such as different display values, as well as introducing some of the concepts we'll be covering throughout this module. It also covers the concept of normal flow in depth.