Author Archives: Ann

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

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

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

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

Structuring our page

HTML containers:Group content into logical parts. <header> <nav> <div> – is a generic divider. Used before HTML 5 came out. <article> <footer> “&copy” puts a Copyright C with a circle around it. Semantic HTML Use <strong> and <em>, <header>, <nav>, … 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

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

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

How to save word documents in GIT

How to use git for version control of files. Open terminal of the directory where the content exists. Right click on the directory, and choose “open in terminal”. (blog) Type “git status” then press enter. That tells you what you … Continue reading

Posted in Web Developer Course | Tagged | Leave a comment

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

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

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>

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

Set up Visual Studio Code Editor

Set up Visual Studio Code Editor Installed Prettier. Installed One Monokai Theme color editor. Made and ran html in both Firefox and Brave browsers. Go to Explorer, or to the double page icon on left side of Visual Studio Code. … Continue reading

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