Design week 2

  In this week's Design Blog, I wanted to share what I learned this week. This week, we learned more about HTML - HyperText Markup Language. Particular things like inserting images, web links, and adding pages to my HTML document/ page.

How to insert images into HTML

First things first, <img> is a self-closing tag, so there is no need for </img> tag 

• src is the source on the image being the URL or file path 
• alt is what describes the image if it cant be displayed 
• width/height is what controls the image size, also (optional)

Local image vs online image 

<img src="cat.jpg" alt= cute cat">

<img src="images/cat.jpg" alt="A cute cat">

How to insert web link 

<a href> 

• <a href="URL link here"> Click here</a>

How to add pages to HTML

• each page =its own .html file
• use <a href="filename.html">Link Text</a> to move between pages

/my-website 

• index.html= my web page
• about.html= another page
• contact.html= another page