Kayden's profile picture

Published by

published

Category: Web, HTML, Tech

random html ive learned :D

so this is hella basic shit but this is more meant for those who are really new to html



if you wanna put images doesnt rlly matter what use

<img src="INSERT IMAGE LINK HERE">

note sometimes image hosting sites like google and pinterest dont work and you gotta run it thru something else like postimages, thats what i do for the ones that wanna be a pickle 

if you wanna add videos use 

<div class="videobox">

        <iframe width="400" height="300" src="ENTER EMBEDED YOUTUBE CODE HERE" frameborder="0" allowfullscreen="" loading="lazy"></iframe>

    </div>

also dont press copy and paste for this cus that wont work lmao, click share then click embeded code then the stuff in the https bit you copy :P 


lastly if you wanna change your backgrounds on here then heres some codes for that and changing the colors of stuff :P 


<style>


body {

background-image: url(INSERT LINK HERE);

background-size: 1000px;

background-attachment: fixed;

}


main {

background-image: url(INSERT LINK HERE);

background-size: 200px;

}

then if you wanna change the colors (use hex codes if you wanna be specific but you can also use stuff like DARKRED or something like that...tbh i just use hex codes :P) im too lazy to change it all but the numbers you can get rid of and put ur own hex code aka #ffffff would be white #000000 would be black ect :P 

p{

  color:#HEXCODE;

}

h1, h2, h3, h4, h5{

  color:#HEXCODE ;

}


:root {

  --darker-blue:#c0392b;

  --dark-orange: #641e16;

  --light-orange: #641e16;

}


:root {

  --logo-blue: ;

  --darker-blue:#ff0000;

  --lighter-blue:#000000;

  --even-lighter-blue:#3b3b3b;

  --lightest-blue:#191919;

  --dark-orange:#4d0000;

  --light-orange:#6b3e3e;

  --even-lighter-orange:#928080;

}

</style> 


2 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )