[HTML] Day 4: I want to add images

11/17/2019 - Productive weekend 🌞


I'm thinking how hard to add images into my webpage? All my favorite webpage contains lots of images. Which code can I use?

<img> = image

<img> but I feel like image file always contains with jpg or jpeg and stuff so lets search. What other code do I need to add with tag <img>?

<img src="" width "">, src = source /  Attribute (속성)

  • Where to get a free image source? Unsplash
1. Pick any image and save under web file 
2. Change image name if its too long 
3. Use <img src="add name">
4. Save and display

but the image size was wayyyyy to big so I need to make the adjustment

5. <img src="cd.jpg" width="450"> or can use 100% to fit in the webpage <img src="cd.jpg" width="100%">


yay!!!!!









Popular posts from this blog

[CSS] Day 4: Let's practice - box

Image
Let's create box.html and retain basic html code <!DOCTYPE html> <html>   <head>     <meta charset="utf-8">     <title></title>   </head>   <body>   </body> </html> Block-level element and inline element Block-level: uses entire space /* block level element */ Inline element: uses partial /* inline element */ comma , allows duplicate code  h1, a{      border:5px solid red;  } more examples : CSS box model --> image search Right-Click --> Inspect
Read more

[AWS] Intro to Cloud Practitioner 01

What is Cloud Computing? On-demand delivery of IT resources and applications via the internet. This allows to measure scale up and down depends on what we actually need Could be temporary and easy to fix Could reduce risk and reliable coverage and secure data Agility is the key Quick response and flexibility is helpful  Could be used to your own pace Customer can grow and shrink flexible  Why do companies move to cloud computing? Its because of agility! 3 of the main factors that influence agility are: 1. Increasing speed 2. The easy of experimentation 3. Cultivating of cultural innovation Possible to global reach in a minute does not require much to depend on the building infrastructure Consistent development setting Elasticity - allow to scale up and down instantly
Read more

[AWS] AWS Management Interfaces 02

AWS Management Interfaces 3 ways to use AWS -  built upon API 1. AWS Management Console Easy-to-use graphical interface that supports the majority of Amazon Web Services Usability Benefits Let you use to open via the android platform  View your existing resources, alarms, perform operation tasks  2. Command Line Interface (CLI) Access to services via the discrete command Allow you to automate and repeat of the AWS resources 3. Software Development Kits (SDKs) Incorporate the connectivity and functionality of the wide range of AWS Cloud services into your code can help you use with your existing application by using code You have the flexibility to create your own
Read more