Tag Archives: VS Code

Using Floats

Let’s add a class=”author-img” to our HTML picture, and add the following to our CSS: .author-img { float: left; } This will act like an absolute positioning element. It will pull the .author-img out of the normal block (all by … Continue reading

Posted in Web Developer Course | Tagged , , , , , | Leave a comment

Installing Additional VS Code Extensions

Image preview – shows small images on the left side of your HTML code in the gutter. Color Highlight – it styles css/web colors found in your document. Auto Rename Tag – it automatically renames paired HTML/XML tags Live Server … Continue reading

Posted in Web Developer Course | Tagged , , , | Leave a comment

Hyperlinks

To create a hyperlink in HTML, you need an anchor tab followed by a href, like so: <a href=”https://developer.mozilla.org/en-US/docs/Web/HTML”>MDN Web Docs</a> That will look like MDN Web Docs (in blue or purple and underlined) on your website. When someone clicks … Continue reading

Posted in Web Developer Course | Tagged , , , , | Leave a comment