Recent Comments
No comments to show.
Tag Archives: section 2
Challenge #2
codepen.io is an online tool to quickly test out ideas. And if you set up a free account, you can save your work, save your https address, and then give that https address to someone else to look at your … Continue reading
Challenge #1
How to put all images into a new folder: Hover your mouse over your project’s name. Click on the “new folder” icon. It will open up a new box to write what you want to name your folder. Name your … Continue reading
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
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
Images and Attributes
Images To show an image in HTML, you need to : <img src=”title of picture.jpg” alt=”description of picture” height=”50” width=”50 /> In English, you need to type the image source; the alternative: so it is able to be read to … Continue reading
Text Elements and Lists
Text Elements – Section 2 We learned about <strong> instead of <b> to bold text. And <em> emphasize instead of <i> to italicize text. Also, about headers <h1> to <h6> <! – – to commit out something – – > … Continue reading
Basic HTML
This is the basic HTML you need to show on a web browser. <!DOCTYPE html> <html> <head> <title>HTML Fundamentals</title> </head> <body> <h1>HTML Fundamentals</h1> </body> </html>