CODING WITH SHAYAN

 IN THIS TUTORIAL, WE WILL LEARN ABOUT META TAGS: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "description" content = "your description" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < h1 > Meta Tags </ h1 > </ body > </ html >

 IN THIS TUTORIAL, WE WILL LEARN ABOUT IFRAMES: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < iframe src = "http://codingwithshayan.blogspot.com/" frameborder = "0" width = "1000" height = "800" > sorry </ iframe > </ body > </ html >

 IN THIS TUTORIAL, WE WILL LEARN ABOUT  INOUT FORMS: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < input type = "date" />     < input type = "email" value = "enter your mail" />     < input type = "range" />     < input type = "file" />     < input type = "checkbox" />     < input type = "checkbox" />     < input name = "btn" type = "radio" />     < input name = "btn" type = "radio" />     < form >         < input type = "submit" /...

 IN THIS TUTORIAL,  WE WILL LEARN ABOUT DIVS AND SPANS: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     <!-- <a href="#">link1asdf</a>     <a href="#">link2</a> <hr>     <p>Paragraph1</p>     <p>Paragraph2</p>     -->     < span > span1 </ span >     < span > span2 </ span > < hr />     < div > div1 </ div >     < div > div2 </ div >     </ body > </ html >

 IN THIS TUTORIAL, WE WILL LEARN ABOUT TABLES: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < table >         < thead >             < caption >< h1 > List of Numbers </ h1 ></ caption >           < tr >             < th colspan = "2" > NUM1 </ th >             < th > NUM2 </ th >             < th > NUM3 </ th >           </ tr >         ...

 IN THIS TUTORIAL, WE WILL LEARN ABOUT LISTS: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     <!-- <ul> -->         <!-- <ol type="i">         <li><a href="#">Apples</a></li>         <li>Oranges             <ol>                 <li>item1</li>             </ol>         </li>         <li>Bananas</li>         </ol> --...

 IN THIS TUTORIAL, WE WILL BE LEARNING ABOUT INCLUDING YOUTUBE VIDEO: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < iframe width = "560" height = "315" src = "https://www.youtube.com/embed/VzLvHujHSYg" title = "YouTube video player" frameborder = "0" allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></ iframe > </ body > </ html >

 IN THIS TUTORIAL, WE WILL LEARN ABOUT VIDEOS AND YOUTUBE IFRAME: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < video src = "video.mp4" loop poster = "THUMB.jpg" controls ></ video > </ body > </ html >

 IN THIS TUTORIAL,  WE WILL LEARN ABOUT IMAGES: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < img src = "HTML.png" alt = "A PROGRAMMING LANGUAGE" /> </ body > </ html >

 IN THIS TUTORIAL,  WE WILL LEARN ABOUT LINKS: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < a href = "https://www.google.com" target = "_blank" >< h1 > Google's Homepage </ h1 ></ a >     <!-- <a href="01_creatingfile.html">page 1</a> --> </ body > </ html >

 IN THIS TUTORIAL,  WE WILL LEARN ABOUT FORMATTING PAGE: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < header > Welcome To ABEDEEN INDUSTRIES </ header >     < hr />< br >     < main > A.I. = ARTIFICIAL INTELLIGENCE </ main >     < br >     < article > I'm Learning HTML. </ article >< br >     < section >< h2 > EDUCATION </ h2 ></ section >< br >     < hr />< aside > ADVERTISEMENT </ aside >< hr />     < nav > SHAYAN AKHTAR ABEDEEN ...

 IN THIS TUTORIAL, WE WILL LEARN ABOUT STYLE AND COLOR: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body style = " background-color: aquamarine; " >     < H1 style = " color: green; " > Style and Colors </ H1 >     < p style = " color: red; background-color: blue; " > You can style your HTML and make it look properly. </ p >     </ body > </ html >

 IN THIS TUTORIAL, WE WILL LEARN ABOUT COMMENTS <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < p >< h2 > Comments are not to < i > display </ i > . </ h2 ></ p >     <!-- this text is invisible --> </ body > </ html > :

 IN THIS TUTORIAL, WE WILL TALK ABOUT BASIC TAGS: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > SHAYAN'S WEBSITE </ title > </ head > < body >     < h4 > HELLO UNIVERSE </ h4 >     <!-- <br/> -->     < hr />< hr />     < P >< big > This </ big > is < small > my </ small > < b >< i > paragraph </ i ></ b > . </ P >     < p > This is another paragraph. </ p >     <!-- <p>H₂O</p> -->     < P > 10 < sup > 2 </ sup ></ P > </ body > </ html ...

 IN THIS TUTORIAL, WE WILL LEARN ABOUT CREATING FILES IN HTML: ONE MAGIC SHORTCUT IS FIRSTLY CLICK (SHIFT+1) FOR EXCLAMATION MARK AND ENTER, THEN YOUR TEMPLATE OF HTML WILL BE AUTOMATICALLY CODED. EXTENSION : htm/html < !DOCTYPE> < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < meta http-equiv = "=X-UA-Compatible" content = "ie=edge" >     < title > AN-NOOR </ title > </ head > < body >     Welcome to An-Noor Coaching Centre </ body >     </ html >