HTML & CSS Tutorial – Ways to code images…and how to do it well

by | Mar 8, 2020 | 0 comments

HTML & CSS Tutorial – Ways to code images…and how to do it well

by | Mar 8, 2020 | CSS Tips and Tricks | 0 comments



Here’s how to properly code images into your webpages without making them fuzzy on hi-res devices like the latest iPhone.

Play with the code!!!

View the full course!!!

There are 2 ways you’ll add images to your website:
– html background images (use this if the image is a part of the design
– html content images (use this if the image is a part of the content)

The method for adding html & CSS images is different for each type of image.

-~-~~-~~~-~~-~-
Also watch: “Responsive Design Tutorial – Tips for making web sites look great on any device”

-~-~~-~~~-~~-~-

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>