diff options
Diffstat (limited to 'tutorials/www/quick-intro-html-css.html')
| -rw-r--r-- | tutorials/www/quick-intro-html-css.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/tutorials/www/quick-intro-html-css.html b/tutorials/www/quick-intro-html-css.html index 7d74dff..e3ffc6c 100644 --- a/tutorials/www/quick-intro-html-css.html +++ b/tutorials/www/quick-intro-html-css.html @@ -508,7 +508,7 @@ tag we talked about in the last section. For example:</p> <pre><code><p style="color:red">this text is red</p> <p style="color:red;background-color:blue">this background is blue</p> <p style="color:red;background-color:blue;text-align:center">this text is centered</p> -<a href="https://archive.org/details/sonichucomplete" +<a href="https://www.webtoons.com/en/challenge/sonichu-/sonichu-1/viewer?title_no=676229&episode_no=2" target="_blank" rel="noopener noreferrer" style="color:yellow;background-color:red;text-align:right" @@ -524,7 +524,7 @@ this background is blue <p style="color:red;background-color:blue;text-align:center"> this text is centered </p> -<p><a href="https://archive.org/details/sonichucomplete" +<p><a href="https://www.webtoons.com/en/challenge/sonichu-/sonichu-1/viewer?title_no=676229&episode_no=2" target="_blank" rel="noopener noreferrer" style="color:yellow;background-color:red;text-align:justify;width:100%" @@ -587,7 +587,7 @@ using the filter option like so:</p> }</code></pre> <p>Applied:</p> <p><img style="filter:grayscale(100%)" -src="https://archive.md/zP2NL/9d16630c80f93351469867fde13ea5199cd1f483.jpg" +src="/static/jazzcat.jpg" /></p> <p>You can read lots more options for image formatting <a href="https://www.w3schools.com/css/css3_images.asp">here</a> and about @@ -604,7 +604,7 @@ appear nice on dark theme browsers just as well. But I don't want to dim <p>For one, that will only dim black-and-white images; anything else will just turn to mush like this:</p> <p><img class="icon" -src="https://archive.md/zP2NL/9d16630c80f93351469867fde13ea5199cd1f483.jpg" +src="/static/jazzcat.jpg" /></p> <p>Instead, I'd like it to just apply to select elements; I can do so by extending the tag with a class. On the CSS side:</p> |