From aa2a75b867b89089473f8da8dfc78da0e7018ec0 Mon Sep 17 00:00:00 2001 From: Wyv777 Date: Fri, 19 Oct 2018 20:45:13 +0700 Subject: [PATCH] Fix(guide): Add rounded image example --- guide/english/html/tutorials/images-in-html/index.md | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/guide/english/html/tutorials/images-in-html/index.md b/guide/english/html/tutorials/images-in-html/index.md index c8e58fb804..c0ec62e6ad 100644 --- a/guide/english/html/tutorials/images-in-html/index.md +++ b/guide/english/html/tutorials/images-in-html/index.md @@ -10,7 +10,8 @@ To insert an image you define the source and an alternative text wich is display `src` - This attribute provides the url to image present either on your desktop/laptop or to be included from some other website. Remember the link provided should not be broken otherwise the image will not be produced on your webpage. -`alt` - This attribute is used to overcome the problem of broken image or incapability of your browser to not being able to produce image on webpage. This attribute as name suggests provide "alternative" to image which is some text describing the image +`alt` - This attribute is used to overcome the problem of broken image or incapability of your browser to not being able to produce image on webpage. This attribute as name suggests provide "alternative" to image which is some text describing the image. + ## Example @@ -38,7 +39,12 @@ To insert an image you define the source and an alternative text wich is display Descriptive Title ``` -#### More Information +Here's an example to make a rounded image: +```html +Descriptive Title +``` + +### More Information - See the freeCodeCamp page on the `` tag [here](https://guide.freecodecamp.org/html/elements/img-tag) - To get more details on images in HTML, check out the [MDN Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img)