News
Entertainment
Science & Technology
Life
Culture & Art
Hobbies
News
Entertainment
Science & Technology
Culture & Art
Hobbies
Entities in HTML - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <title>My Website</title> </head> <body> <h1>Welcome</h1> <h2>Welcome</h2> <h3>Welcome</h3> <h4>Welcome</h4> <h5>Welcome</h5> <h6>Welcome</h6> <p><b><u><i>This is my website</i></u></b></p> <p>H<sub>2</sub>O</p> <p>a<sup>3</sup></p> <p>5<10</p> <p>></p> <p>"Where there is...
HTML Introduction and Some Basic Tags - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <title>My Website</title> </head> <body> <h1>Welcome</h1> <h2>Welcome</h2> <h3>Welcome</h3> <h4>Welcome</h4> <h5>Welcome</h5> <h6>Welcome</h6> <p><b><u><i>This is my website</i></u></b></p> <p>H<sub>2</sub>O</p> <p>a<sup>3</sup></p> <p> This is my website...
CSS Buttons - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> button{ padding:30px; font-size:20px; color:white; border:none; cursor:pointer; display:inline-block; width:25%; height:100px; /*box-shadow:0px 8px 16px green;*/ border:2px solid green; } /*button:hover{ border:none; background-color:bisque;...
Media Queries in CSS - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> /*body{ background-color: aqua; } @media (max-width:600px) { body{ background-color: aquamarine; } }*/ @media (orientation:landscape) { body{ background-color: beige; } }...
CSS Border Image Property - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> div{ border-image:url(C:\Users\Lenovo\Downloads\border.png) 30 stretch; border-style:solid; height:300px; border-width:7px; } </style> </head> <body> <div> </div> </body> </html> You give me 15...
CSS Transitions - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> div{ width:100px; height:100px; background-color:red; transition:width 2s,height 4s; transition-delay:2s; } div:hover{ width:300px; height:300px; } </style> </head> <body> <div> Some text </div>...
CSS Transitions and Transforms - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> div{ width:200px; height:200px; background-color: red; transition:width 2s,height 2s,transform 2s; } div:hover{ width:500px; height:500px; transform:rotate(150deg); } </style> </head> <body> <div> Some...
CSS 2D and 3D Transforms - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> div{ width:200px; height:200px; background-color: red; /*transform:translate(300px,300px);*/ /*transform:rotate(-20deg);*/ /*transform:scale(2,3);*/ /*transform:scaleX(2);*/ /*transform:scaleY(3);*/ /*transform:skewY(10deg);*/ /*transform:skew(20deg,10deg);*/ /*transform:translate(200px,0px) rotate(20deg) skew(10deg,30deg);*/ /*transform:rotateZ(150deg) translateZ(250px);*/ } </style> </head>...
CSS Animation Property - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> div{ background-color:red; width:300px; height:300px; /*animation-name:example; animation-duration:3s; animation-delay:2s; animation-iteration-count:3; animation-timing-function: ease-out;*/ animation:example 2s linear 2s 3; } @keyframes example { from...
CSS Grid Layout Module - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> .grid-container{ display:grid; grid-template-columns: 10% 10%; background-color:aqua; gap:50px 50px; } .grid-container>div{ background-color:aquamarine; padding:30px; } /*.grid-item{ background-color:aquamarine; padding:30px; }*/ </style> </head> <body>...
CSS Grid Layout - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> .grid-container{ display:grid; grid-template-columns: 10% 10%; background-color:aqua; gap:50px 50px; } .grid-container>div{ background-color:aquamarine; padding:30px; } /*.grid-item{ background-color:aquamarine; padding:30px; }*/ </style> </head> <body>...
CSS Flexbox Layout - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> .flex-container{ display:flex; /*flex-direction:row-reverse;*/ justify-content:flex-end; } .flex-container>div{ background-color: blue; padding:20px; font-size:30px; } </style> </head> <body> <div class="flex-container"> <div>1</div> <div>2</div> <div>3</div> <div>4</div>...
CSS Navigation Bar - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> ul{ list-style-type:none; margin:0; padding:0; background-color:aqua; text-align:center; } ul li{ display:inline-block; padding:20px; font-size:30px; } a{ text-decoration: none; } a:hover{ color:aquamarine; background-color:...
CSS Links with Examples - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> a{ font-size:30px; } a:link{ color:aqua; } a:visited{ color:blue; } a:hover{ color:bisque; } a:active{ color:blueviolet; } </style> </head> <body> <a href="#">Click</a>...
Icons in CSS - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style> .fa-car{ font-size:30px; color:aqua; } </style> </head> <body> <i class="fa fa-car"></i> <i class="fa fa-heart"></i>...
CSS Lists with Examples - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> /*ul{ background-color: aqua; width:500px; } ul li{ background-color: aquamarine; padding:20px; width:400px; /* list-style-position: inside; list-style-type:none; }*/ ul li{ list-style-type:none; }...
CSS Margin and Padding - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> p{ border:5px solid black; margin:auto; /*padding-left:30px; padding-top:40px; padding-bottom:25px;*/ padding:50px; } </style> </head> <body> <p>This is some text</p> </body> </html> ...
CSS Float and Clear Property - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> img{ float:right; } p{ clear:right; } </style> </head> <body> <img src="C:\Users\Lenovo\Downloads\bird.jpg"> <p>Some text</p> <p>This is some text</p> </body> </html> ...
Text Property in CSS - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> p{ text-transform: uppercase; text-decoration:line-through; text-indent:20px; word-spacing:50px; letter-spacing:12px; line-height:10; } a{ text-decoration: none; } </style> </head> <body> <p>this is my website</p>...
CSS Position Property Part - 1 - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> /*div{ border:2px solid black; position:relative; top:10; left:20; right:50; width:400px; }*/ div{ border:2px solid black; position:fixed; top:0; } /*.parent{ position:relative; }...
CSS Background Property - DataFlair
Free Web development courses with real-time projects Start Now!! Program 1 <html> <head> <style> p{ border-style: dotted solid; border-width:5px; background-color: aquamarine; } body{ background-color: aqua; background-image: url('C:\Users\Lenovo\Downloads\bird.jpg'); background-repeat: no-repeat; background-size: 200px 200px; background-position: bottom...
Machine Learning Project - Titanic Movie in Decision Tree Part 2 - DataFlair
Free Machine Learning courses with 130+ real-time projects Start Now!! Program 1 import pandas as pd import numpy as np from sklearn import tree from sklearn.preprocessing import LabelEncoder from sklearn.model_selection import train_test_split df_titanic=pd.read_csv("D://scikit_data/titanicData/titanic.csv") df_titanic...
Machine Learning Project - Titanic Movie in Decision Tree Part 1 - DataFlair
Free Machine Learning courses with 130+ real-time projects Start Now!! Program 1 # Libraries import pandas as pd import numpy as np from sklearn import tree from sklearn.preprocessing import LabelEncoder df_titanic=pd.read_csv("D://scikit_data/titanicData/titanic.csv") df_titanic df_titanic.shape df_titanic.info()...
Heatmap Plot in Seaborn - DataFlair
Free Machine Learning courses with 130+ real-time projects Start Now!! Program 1 import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns ar_2d=np.linspace(1,5,12).reshape(4,3) ar_2d sns.heatmap(ar_2d) df_global=pd.read_csv("D://scikit_data/global/global_warming.csv") df_global.info() df_global.shape...
Machine Learning Project - Iris Flower in Decision Tree - DataFlair
Free Machine Learning courses with 130+ real-time projects Start Now!! Program 1 import pandas as pd import numpy as np from sklearn import tree from sklearn.preprocessing import LabelEncoder from sklearn.model_selection import train_test_split df_iris=pd.read_csv("D://scikit_data/IrisData/Iris.csv") df_iris...