repl.it
@mralam4769/

howtoaddimages

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • script.js
  • style.css
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
  <head>
    <title>Adding images and links</title>
  </head>
  
<body>
  <h1>How to add an image</h1>
  <p>Once you have added text you can use an <b>img</b> tag to add an image to your web page.</p>
  <p>You need to type img src="the web address" in between brackets and the image will appear.  Img stands for image.  Src stands for source. I'm going to add an image of a dog below this paragraph</p>
 <!-- this should be a comment and not read by the code --> 
  
  <img src=/"https:/www.cesarsway.com/sites/newcesarsway/files/styles/large_article_preview/public/Common-dog-behaviors-explained.jpg?itok=FSzwbBoi">

  <br> This is a line break
  </br>

<!-- use this model to add an image to your website -->

  <img src ="http://cdn3-www.dogtime.com/assets/uploads/2011/01/file_23188_german-shepherd-dog.jpg">

<!-- use this model to add an external linke to a website -->
  
  <a href="https://www.google.com" target="_blank"><b>Google</b></a>
  
  
  <a href="https://www.w3schools.com/html/"target = "_blank"> Link: Visit our HTML tutorial</a>
  
    </body>
  
  
</body>  
  
  
  
</html>
result
console