HTML TUTORIAL + Notes: Img & Web Icon, insert Image and web icon | Web Development Tutorials #13
In this video, you will learn how to display images on your website, whether the images are on the same computer or use images from other websites. You will also learn how to use the 'img' tag properly with its attributes and how to create your own webpage icon and link it with your website.
Tutorial 14 here:- • HTML TUTORIAL + Notes: Video, Audio, ...
___________________________________
Code Editor:- • How to Install Visual Studio Code on ...
------------------------
Code Editor Settings & Shortcuts:- • Visual Studio Hacks: 10 Ways to 10x Y...
------------------------
Web Development Full Course:- • Web Development Course: HTML, CSS, Ja...
------------------------
HTML & CSS Projects & Challenges:- • HTML & CSS Projects & Challenges:- HT...
CSS NOTES:
https://drive.google.com/uc?export=do...
HTML NOTES:
https://drive.google.com/uc?export=do...
web Development Basics notes:
https://drive.google.com/uc?export=do...
-------------------------------------------------------------------
⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚
⌚Time Frames OR Video Chapters:-
00:00 - Introduction
00:17 - Get Started to code in VS code
00:25 - Boiler Plate Code of HTML
00:52 - Images in same folder
01:14 - img tag in html
01:24 - alt attribute in html
02:02 - Load Image with src attribute
02:20 - Find type of Image
03:00 - Set Height and Width of Image
04:00 - No Need to Remember Image name follow this tip
04:49 - Load Images From a Different Folder
07:22 - Load Images From other Web Sites
07:50 - Copy Image Address
08:50 - Icon Of a Website
09:22 - Link Tag in HTML
10:22 - Create Your Own Icon with this Website
12:36 - Download Icon
13:03 - Extract Downloaded file
13:42 - Link Favicon.ico
⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚⌚
-------------------------------------------------------------------
HTML Complete Course:- • HTML Course
------------------------
About Tutorial:- You Will Learn:
- how to create your website icon
- how to display images on your website
- how to display images while taking them from other websites
- how to link icon with your page
#image #imageinHTML #imagetag #web #icon #websiteICON #ICONTag #htmlcourse #webdevelopment #imgtag #htmlcourse #webdevelopment #relativelinks #absolutelinks #webicon
____________________________________
Thanks For Watching Comment "NCS" if You🤴 Read this.
Auf dieser Seite können Sie das Online-Video HTML TUTORIAL + Notes: Img & Web Icon, insert Image and web icon | Web Development Tutorials #13 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer NaseebCodeStudio 03 April 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 65 Mal angesehen und es wurde von 4 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
