Linking css & html code😬🥺 | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

Linking css & html code😬🥺

<div class="flags"> <a href="http://blog.devdutt.ga/web/17-07/Learn-how-to-India/"> <div data-tootik="Know How" data-tootik-conf="top invert shadow square no-fading"> <div class="flag india"> <i class="icon-ashoka-chakra"></i> </div> <div></div> <div> <a href="http://devdutt.ga"><span>Devdutt</span> <i>Shenoi</i></a> </div> </div> </div> </a> </div> <!--this is the html code--> @import "bourbon"; @import "neat"; import "neat"; // Colors $ashoka: #00247D; $green: #009648; $saffron: #FF9933;// Colors $ashoka: #00247D; $green: #009648; $saffron: #FF9933; .icon-ashoka-chakra{ content: url(https://upload.wikimedia.org/wikipedia/commons/1/17/Ashoka_Chakra.svg); height: 65px; } <!--This is a random css code now i want to link both the codes 😕--> Please link them both for me..!🥺😬

24th Sep 2020, 5:18 PM
Tøxïç Skíñfíé 😈
Tøxïç Skíñfíé 😈 - avatar
8 Answers
+ 2
You have no need to link your css file at sololearn But if you wants to use your code somewhere else here is the example <link href="style.css" rel="stylesheet"> </link> Note: you have to type your css file name with .css format between href quote where I typed style.css
24th Sep 2020, 5:22 PM
Tarun Gautam
Tarun Gautam - avatar
+ 2
Make sure you saved both the html and css file at same place then type css file name otherwise you have to give full path If you want me to do this give me your code link these are not working links
24th Sep 2020, 5:28 PM
Tarun Gautam
Tarun Gautam - avatar
+ 2
Tarun Gautam Actually i copy both codes from google How i can create my own code link..😬 I saved both codes in same folder using .html & .css format i tried to link them but..idk what's wrong!! I am newcomer 😬🥺 Please teach me..😬
24th Sep 2020, 5:31 PM
Tøxïç Skíñfíé 😈
Tøxïç Skíñfíé 😈 - avatar
+ 2
I think you copied some wrong or half code this is not a valid code without doctype declaration html and head tag you cannot link your file It would be good if you learn from starting
24th Sep 2020, 5:35 PM
Tarun Gautam
Tarun Gautam - avatar
+ 1
Tarun Gautam Actually i want to link them both in notepad..i tried the method but somewhere i used wrong path to link them both that's why i posted here.. Please link them both😬😬
24th Sep 2020, 5:24 PM
Tøxïç Skíñfíé 😈
Tøxïç Skíñfíé 😈 - avatar
+ 1
I copied it from a ide platform It executed smoothly there but it won't work in notepad..😟
24th Sep 2020, 5:39 PM
Tøxïç Skíñfíé 😈
Tøxïç Skíñfíé 😈 - avatar
+ 1
Linking css & html code😬🥺 <!DocType html> <HEAD> <title>First project</title> <\HEAD> <div class="flags"> <a href="http://blog.devdutt.ga/web/17-07/Learn-how-to-India/"> <div data-tootik="Know How" data-tootik-conf="top invert shadow square no-fading"> <div class="flag india"> <i class="icon-ashoka-chakra"></i> </div> <div></div> <div> <a href="http://devdutt.ga"><span>Devdutt</span> <i>Shenoi</i></a> </div> </div> </div> </a> </div> <!--this is the html code--> @import "bourbon"; @import "neat"; import "neat"; // Colors $ashoka: #00247D; $green: #009648; $saffron: #FF9933;// Colors $ashoka: #00247D; $green: #009648; $saffron: #FF9933; .icon-ashoka-chakra{ content: url(https://upload.wikimedia.org/wikipedia/commons/1/17/Ashoka_Chakra.svg); height: 65px; } I added both tags but it won't work😬 Can u please try for me to make it work sir
24th Sep 2020, 5:42 PM
Tøxïç Skíñfíé 😈
Tøxïç Skíñfíé 😈 - avatar
+ 1
Tarun Gautam https://codepen.io/Devdutt-Shenoi/pen/MoPadZ This is the link of the page from where i copied the code..
24th Sep 2020, 5:44 PM
Tøxïç Skíñfíé 😈
Tøxïç Skíñfíé 😈 - avatar