Full Stake
Lab 1
Stiyle.css
/* add your CSS here */
body {
padding: 20px;
}
#container{
border : 2px solid grey;
padding: 20px;
}
img {
width: 300px;
}
.animal-info {
font-style: italic ;
border : 2px solid grey;
padding: 1px;
}
li {
list-style: none;
}
span { font-weight:bold; }
Lab 1
Stiyle.css
/* add your CSS here */
body {
padding: 20px;
}
#container{
border : 2px solid grey;
padding: 20px;
}
img {
width: 300px;
}
.animal-info {
font-style: italic ;
border : 2px solid grey;
padding: 1px;
}
li {
list-style: none;
}
span { font-weight:bold; }
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Building the Prototype</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="container">
<h1>Leopard</h1>
<!-- photo credit: wikipedia.org, image taken by Ritik -->
<img src="https://c.wallhere.com/photos/f8/4e/leopard_big_cat_predator-629779.jpg!d" alt="leopard">
<div id="card" class="animal-info">
<p id="interesting-fact">Learn about different types of Tiger, how big they are, how fast they run, how they hunt and more..</p>
<ul id="facts">
<li>
<span>Scientific Name</span>: Average Length
</li>
<li>
<span>Average Length</span>: 60 – 70 cm
</li>
<li>
<span>Average Lifespan</span>: 12 – 17 years
</li>
<li>
<span>Habitat</span>: the savannahs
</li>
</ul>
<p id="summary">The leopard has a long and muscular body, well proportioned, with wide legs. The pectoral muscles are developed to allow it to climb trees. The tail is long, curved upward when walking and serves as a pendulum when moving in trees2. The leopard weighs on average 58 kg for the male and 37 kg for the female3. The largest specimens can reach 90 kg and are mainly found in Central Asia and Iran, in some Indian forests where the tiger is absent, as well as in parts of Africa including South Africa, Kenya's mountain valleys. , West African tropical forests (Congo, Gabon, Cameroon) and formerly Algeria4. The size of the female is about two-thirds that of the male5. The length of the body is 1 to 1.6 meters for males and 0.95 to 1.24 meters for females, with a tail of 52 to 90 cm. The height at the withers ranges from 45 to 78 cm3.
</p>
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Building the Prototype</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="container">
<h1>Leopard</h1>
<!-- photo credit: wikipedia.org, image taken by Ritik -->
<img src="https://c.wallhere.com/photos/f8/4e/leopard_big_cat_predator-629779.jpg!d" alt="leopard">
<div id="card" class="animal-info">
<p id="interesting-fact">Learn about different types of Tiger, how big they are, how fast they run, how they hunt and more..</p>
<ul id="facts">
<li>
<span>Scientific Name</span>: Average Length
</li>
<li>
<span>Average Length</span>: 60 – 70 cm
</li>
<li>
<span>Average Lifespan</span>: 12 – 17 years
</li>
<li>
<span>Habitat</span>: the savannahs
</li>
</ul>
<p id="summary">The leopard has a long and muscular body, well proportioned, with wide legs. The pectoral muscles are developed to allow it to climb trees. The tail is long, curved upward when walking and serves as a pendulum when moving in trees2. The leopard weighs on average 58 kg for the male and 37 kg for the female3. The largest specimens can reach 90 kg and are mainly found in Central Asia and Iran, in some Indian forests where the tiger is absent, as well as in parts of Africa including South Africa, Kenya's mountain valleys. , West African tropical forests (Congo, Gabon, Cameroon) and formerly Algeria4. The size of the female is about two-thirds that of the male5. The length of the body is 1 to 1.6 meters for males and 0.95 to 1.24 meters for females, with a tail of 52 to 90 cm. The height at the withers ranges from 45 to 78 cm3.
</p>
</div>
</div>
</body>
</html>
<html>
<head>
<title>Pixel Art Maker!</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Monoton">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Lab: Pixel Art Maker</h1>
<h2>Choose Grid Size</h2>
<form id="sizePicker">
Grid Height:
<input type="number" id="inputHeight" name="height" min="1" value="1">
Grid Width:
<input type="number" id="inputWidth" name="width" min="1" value="1">
<input type="submit">
</form>
<h2>Pick A Color</h2>
<input type="color" id="colorPicker">
<h2>Design Canvas</h2>
<table id="pixelCanvas"></table>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="designs.js"></script>
</body>
</html>
<head>
<title>Pixel Art Maker!</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Monoton">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Lab: Pixel Art Maker</h1>
<h2>Choose Grid Size</h2>
<form id="sizePicker">
Grid Height:
<input type="number" id="inputHeight" name="height" min="1" value="1">
Grid Width:
<input type="number" id="inputWidth" name="width" min="1" value="1">
<input type="submit">
</form>
<h2>Pick A Color</h2>
<input type="color" id="colorPicker">
<h2>Design Canvas</h2>
<table id="pixelCanvas"></table>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="designs.js"></script>
</body>
</html>
body {
text-align: center;
}
h1 {
font-family: Monoton;
font-size: 70px;
margin: 0.2em;
}
h2 {
margin: 1em 0 0.25em;
}
h2:first-of-type {
margin-top: 0.5em;
}
table,
tr,
td {
border: 1px solid black;
}
table {
border-collapse: collapse;
margin: 0 auto;
}
tr {
height: 20px;
}
td {
width: 20px;
height: 20px;
}
input[type=number] {
width: 6em;
}
text-align: center;
}
h1 {
font-family: Monoton;
font-size: 70px;
margin: 0.2em;
}
h2 {
margin: 1em 0 0.25em;
}
h2:first-of-type {
margin-top: 0.5em;
}
table,
tr,
td {
border: 1px solid black;
}
table {
border-collapse: collapse;
margin: 0 auto;
}
tr {
height: 20px;
}
td {
width: 20px;
height: 20px;
}
input[type=number] {
width: 6em;
}
"use strict";
const $tableElement = $('#pixelCanvas');
const $inputHeight = $('#inputHeight');
const $inputWidth = $('#inputWidth');
const $colorPicker = $('#colorPicker');
$('#sizePicker').submit( event => {
event.preventDefault();
let width = $inputWidth.val();
let height = $inputHeight.val();
$tableElement.html(''); //clear
makeGrid(height, width);
addCellClickListener();
});
function makeGrid(height, width) {
for(let i = 0; i < height; i++) {
$tableElement.append('<tr></tr>');
};
for(let i = 0; i < width; i++) {
$('tr').append('<td></td>');
};
};
function addCellClickListener() {
$('td').click( event => {
let color = $colorPicker.val();
$(event.currentTarget).css("background-color", color)
});
};
const $tableElement = $('#pixelCanvas');
const $inputHeight = $('#inputHeight');
const $inputWidth = $('#inputWidth');
const $colorPicker = $('#colorPicker');
$('#sizePicker').submit( event => {
event.preventDefault();
let width = $inputWidth.val();
let height = $inputHeight.val();
$tableElement.html(''); //clear
makeGrid(height, width);
addCellClickListener();
});
function makeGrid(height, width) {
for(let i = 0; i < height; i++) {
$tableElement.append('<tr></tr>');
};
for(let i = 0; i < width; i++) {
$('tr').append('<td></td>');
};
};
function addCellClickListener() {
$('td').click( event => {
let color = $colorPicker.val();
$(event.currentTarget).css("background-color", color)
});
};
WPS Office: дополните пакет офисных программ редактором PDF-файлов
Вот ссылка на файл:
https://sg.docworkspace.com/d/sIEjo4_hl1svfggY
Доступ предоставлен из WPS Office:
https://kso.page.link/wps
Вот ссылка на файл:
https://sg.docworkspace.com/d/sIEjo4_hl1svfggY
Доступ предоставлен из WPS Office:
https://kso.page.link/wps
Docworkspace
Python dasturlash asoslari.pdf
Conveniently share files to you and your friends. All files can be easily controlled for permissions. A secure storage system guarantees your file security.
Media is too big
VIEW IN TELEGRAM
Protsessor qanday ishlaydi👍💻📲📚✈️.https://t.me/namaktuz kanaliga a'zo bo`ling
Media is too big
VIEW IN TELEGRAM
Intel Protsessorlari oddiy tilda, Intel haqida, Prots tanlash👍💻📲📚✈️.https://t.me/namaktuz kanaliga a'zo bo`ling
Media is too big
VIEW IN TELEGRAM
WINDOWS 10 O'RNATISH. 👍💻📲📚✈️.https://t.me/namaktuz kanaliga a'zo bo`ling
Media is too big
VIEW IN TELEGRAM
Bios nima Biosga kirish, "Boot menu"dan foydalanish👍💻📲📚✈️.https://t.me/namaktuz kanaliga a'zo bo`ling
informatika 10-sinf test 2-variant.docx
26.2 KB
Olimpiada testlari 👇👇👇
https://t.me/olimpiadalar
https://t.me/olimpiadalar
10 sinf Informatika Olimpiada test.docx
14.6 KB
INFORMATIKA 10-sinf @olimpiadalar