0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>You have already learned quite a few new tags, and each one has its own meaning. But sometimes you just want to elegantly highlight a short piece of text or a few paragraphs without imparting any additional significance to them. For example, to highlight what you believe are the most dangerous “diseases” that web designers are susceptible to by applying a crimson background.</p>
1
<p>You have already learned quite a few new tags, and each one has its own meaning. But sometimes you just want to elegantly highlight a short piece of text or a few paragraphs without imparting any additional significance to them. For example, to highlight what you believe are the most dangerous “diseases” that web designers are susceptible to by applying a crimson background.</p>
2
<p>But since calling out text in this way does not give it any meaning, we don’t want to enclose this text using a “semantic” tag and therefore imply a meaning that it doesn’t have.</p>
2
<p>But since calling out text in this way does not give it any meaning, we don’t want to enclose this text using a “semantic” tag and therefore imply a meaning that it doesn’t have.</p>
3
<p>But there are also two special tags that do not have any “meaning”. These are the <div> (which is short for “division”) and <span> tags. These are “clean” elements that are great for visually grouping together other items. It is recommended that you only use these tags if you cannot find any suitable semantic tags.</p>
3
<p>But there are also two special tags that do not have any “meaning”. These are the <div> (which is short for “division”) and <span> tags. These are “clean” elements that are great for visually grouping together other items. It is recommended that you only use these tags if you cannot find any suitable semantic tags.</p>
4
<p>The <div> and <span> tags have no default appearance, and they are almost always used together with the class attribute, which allows you to easily add your own styles to them.</p>
4
<p>The <div> and <span> tags have no default appearance, and they are almost always used together with the class attribute, which allows you to easily add your own styles to them.</p>
5
<p>The <div> tag is typically used to group major elements, such as multiple paragraphs, or as a container for creating page layouts. By contrast, <span> is used for highlighting small text elements: parts of words or individual words or phrases consisting of several words:</p>
5
<p>The <div> tag is typically used to group major elements, such as multiple paragraphs, or as a container for creating page layouts. By contrast, <span> is used for highlighting small text elements: parts of words or individual words or phrases consisting of several words:</p>
6
<article> <div class="highlight"> <p>We are two nicely highlighted paragraphs.</p> <p>We have a yellow background!</p> </div> <p>Text containing <span>a highlighted phrase</span>.</p> </article><p>In this assignment, we will use the <div> tag as a wrapper for items in the definition list. In this case, the list items that are not enclosed in a <div> should not be enclosed in the the <dl> tag. We either enclose all of the elements, or we leave all of the <dt> and <dd> tags without wrappers.</p>
6
<article> <div class="highlight"> <p>We are two nicely highlighted paragraphs.</p> <p>We have a yellow background!</p> </div> <p>Text containing <span>a highlighted phrase</span>.</p> </article><p>In this assignment, we will use the <div> tag as a wrapper for items in the definition list. In this case, the list items that are not enclosed in a <div> should not be enclosed in the the <dl> tag. We either enclose all of the elements, or we leave all of the <dt> and <dd> tags without wrappers.</p>
7
<p>After completing this step, you can download the intermediate version of our Website of a beginning web designer at this<a>link</a>.</p>
7
<p>After completing this step, you can download the intermediate version of our Website of a beginning web designer at this<a>link</a>.</p>
8
<p>We have prepared styles for highlighting text and blocks. Pay attention to the style.css tab.</p>
8
<p>We have prepared styles for highlighting text and blocks. Pay attention to the style.css tab.</p>