Sākums Izpētīt Palīdzība
Pierakstīties
Entony
/
homework
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Faili Problēmas 1 Izmaiņu pieprasījumi 0 Vikivietne
Pārlūkot izejas kodu

test

Entony 7 gadi atpakaļ
revīzija
12f8e37b41
14 mainītis faili ar 313 papildinājumiem un 0 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 25 0
      03.07.2017/1/css/style.css
  2. 20 0
      03.07.2017/1/index.html
  3. 29 0
      03.07.2017/1/style2.css
  4. 29 0
      03.07.2017/2/css/style.css
  5. 29 0
      03.07.2017/2/css/style2 (2).css
  6. 26 0
      03.07.2017/2/index.html
  7. 21 0
      03.07.2017/3/css/style.css
  8. BIN
      03.07.2017/3/img/enter.png
  9. 21 0
      03.07.2017/3/index.html
  10. 17 0
      03.07.2017/4/css/style.css
  11. BIN
      03.07.2017/4/img/sticker946.png
  12. 22 0
      03.07.2017/4/index.html
  13. 23 0
      03.07.2017/5/css/style.css
  14. 51 0
      03.07.2017/5/index.html

+ 25 - 0
03.07.2017/1/css/style.css
Parādīt failu 

@@ -0,0 +1,25 @@
 
+div {
 
+	
+	background: #eee;
 
+	border-radius: 20px;
 
+	display: inline-block; 
+}
 
+ul {
 
+	list-style: none;
 
+	margin: 0;
 
+	padding-left: 0;
 
+}
 
+li {
 
+	display: inline;
 
+	margin-right: -4px;
 
+}
 
+a:link  {
 
+	color : #000;
 
+}
 
+a {
 
+	text-decoration: none;
 
+	margin-top: 10px;
 
+	margin-bottom: 10px;
 
+	margin-left: 20px;
 
+	margin-right: 20px;
 
+}

+ 20 - 0
03.07.2017/1/index.html
Parādīt failu 

@@ -0,0 +1,20 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<link rel="stylesheet" href="css/style.css">
 
+	<title>First task</title>
 
+</head>
 
+<body>
 
+<header>
 
+	<div>
 
+		<ul>
 
+			<li><a href="../2/index.html">List</a></li>
 
+			<li><a href="../3/index.html">HTML-structure</a></li>
 
+			<li><a href="../4/index.html">HTML-marking</a></li>
 
+			<li><a href="../5/index.html">Table</a></li>
 
+		</ul>
 
+	</div>
 
+</header>
 
+</body>
 
+</html>

+ 29 - 0
03.07.2017/1/style2.css
Parādīt failu 

@@ -0,0 +1,29 @@
 
+div {
 
+	
+	background: #eee;
 
+	border-radius: 20px;  /*- задаем рамку для контейнера div*/
 
+	display: inline-block; /*- делаем ширину  div равной ширине контента*/
 
+}
 
+
 
+ul {
 
+	list-style: none;  /*- Убираем маркеры в  списке*/
 
+	margin: 0;            /*- Обнуляем значения верхнего и нижнего поля   */
 
+	padding-left: 0;    /*- Убираем левый отступ(по умолчанию 40px)*/
 
+}
 
+
 
+li {
 
+	display: inline;     /*- Задаем элементам списка строчную структуру*/
 
+	margin-right: -4px;  /*- Убираем промежуток между блоками списка*/
 
+}
 
+
 
+a:link  {         /*- Цвет ссылок*/
 
+	color : #000;
 
+}
 
+
 
+a {
 
+	text-decoration: none;  /*- Убираем подчеркивание ссылок */
 
+	margin-top: 10px;
 
+	margin-bottom: 10px;
 
+	margin-left: 20px;
 
+	margin-right: 20px;
 
+}

+ 29 - 0
03.07.2017/2/css/style.css
Parādīt failu 

@@ -0,0 +1,29 @@
 
+ul {
 
+	list-style: none;
 
+	margin: 0;
 
+	padding-left: 0;
 
+}
 
+li:first-child {
 
+	font-weight: bolder;
 
+	font-size: 150%;
 
+}
 
+li:first-child ::before  {
 
+	content: "";
 
+	display: block;
 
+	height: 1px;
 
+	background: #000;
 
+}
 
+li:last-child {
 
+	border-bottom: 1px;
 
+	border-style: solid;
 
+	border-color: #000;
 
+}
 
+a {
 
+	display: block;
 
+	text-decoration: none;
 
+	color: #444;
 
+}
 
+a:hover {
 
+	color: #999;
 
+	text-decoration: underline;
 
+}

+ 29 - 0
03.07.2017/2/css/style2 (2).css
Parādīt failu 

@@ -0,0 +1,29 @@
 
+ul {
 
+	list-style: none; /*- Убираем маркеры в  списке*/
 
+	margin: 0;        /*- Обнуляем значения верхнего и нижнего поля   */
 
+	padding-left: 0;  /*- Убираем левый отступ(по умолчанию 40px)*/
 
+}
 
+li:first-child {             /*- Обращаемся к первому элементу списка*/
 
+	font-weight: bolder;     /*- Задаем шрифт "пожирнее"*/
 
+	font-size: 150%;         /*- Увеличиваем размер
 
+}*/
 
+li:first-child ::before  {    /*- Создаем псевдоэлемент для первого элемента списка*/
 
+	content: "";				/*- Обязательный атрибут!!!!!!*/
 
+	display: block;           
+	height: 1px;
 
+	background: #000;
 
+}
 
+li:last-child {                /*- Обращаемся к последнему элементу в списке*/
 
+	border-bottom: 1px;
 
+	border-style: solid;       /*- тип рамки (непрерывный)*/
 
+	border-color: #000;
 
+}
 
+a {
 
+	display: block;
 
+	text-decoration: none;       /*-убираем подчеркивание у ссылки*/
 
+	color: #444;
 
+}
 
+a:hover {                        /*-Задаем действие которые будут выполняться при наведени курсора на ссылки*/
 
+	color: #999;
 
+	text-decoration: underline;  
+}

+ 26 - 0
03.07.2017/2/index.html
Parādīt failu 

@@ -0,0 +1,26 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<link rel="stylesheet" href="css/style.css">
 
+	<title>Second Task</title>
 
+</head>
 
+<body>
 
+<div>
 
+	<ul>
 
+		<li><a href="#">iPhone</a></li>
 
+		<li><a href="#">Samsung</a></li>
 
+		<li><a href="#">LG</a></li>
 
+		<li><a href="#">Lenovo</a></li>
 
+		<li><a href="#">Asus</a></li>
 
+		<li><a href="#">Motorola</a></li>
 
+		<li><a href="#">Meizu</a></li>
 
+		<li><a href="#">Xiaomi</a></li>
 
+		<li><a href="#">Huawei</a></li>
 
+		<li><a href="#">HTC</a></li>
 
+		<li><a href="#">Nokia</a></li>
 
+	</ul>
 
+</div>
 
+</body>
 
+</html>
 
+

+ 21 - 0
03.07.2017/3/css/style.css
Parādīt failu 

@@ -0,0 +1,21 @@
 
+h1 	{
 
+	display: block;
 
+	text-align: center;
 
+	margin: 0;
 
+}
 
+a {
 
+	display: inline;
 
+	text-decoration: none;       
+	color: #444;
 
+}
 
+img {
 
+	position: relative;
 
+	bottom: -5px;
 
+}
 
+main {
 
+	margin-top: 50px;
 
+	margin-bottom: 10px;
 
+}
 
+footer {
 
+	font-style: italic;
 
+}

BIN
03.07.2017/3/img/enter.png
Parādīt failu


+ 21 - 0
03.07.2017/3/index.html
Parādīt failu 

@@ -0,0 +1,21 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<link rel="stylesheet" href="css/style.css">
 
+	<title>Third task</title>
 
+</head>
 
+<body>
 
+	<header>
 
+		<h1>Many pictures : <a href="http://defaulticon.com/">link<img src="img/enter.png" alt=""></a></h1>
 
+	</header>
 
+	<main>
 
+		<section>
 
+			<article>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium maiores, facere alias expedita atque provident? Cupiditate, expedita ducimus repellat officia voluptate, corrupti fugiat asperiores eveniet ea repudiandae quis corporis molestias saepe est eius, laborum temporibus quam, voluptatibus esse eaque sint nam laboriosam mollitia? Natus asperiores corporis ex unde aut repellat.</article>
 
+		</section>
 
+	</main>
 
+	<footer>
 
+		Create for A-level school
 
+	</footer>
 
+</body>
 
+</html>

+ 17 - 0
03.07.2017/4/css/style.css
Parādīt failu 

@@ -0,0 +1,17 @@
 
+h1 	{
 
+	display: block;
 
+	text-align: center;
 
+	margin: 0;
 
+}
 
+img {
 
+	float: left;
 
+	width: 150px;
 
+	height: 150px;
 
+}
 
+main {
 
+	display: inline-block;
 
+}
 
+article {
 
+	display: inline;
 
+	overflow: hidden;
 
+}

BIN
03.07.2017/4/img/sticker946.png
Parādīt failu


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 22 - 0
03.07.2017/4/index.html


+ 23 - 0
03.07.2017/5/css/style.css
Parādīt failu 

@@ -0,0 +1,23 @@
 
+table {
 
+	width: 50%;
 
+	border: 1px;
 
+	border-color: #000;
 
+	border-collapse: collapse;
 
+}
 
+ thead tr {
 
+	background-color: #696969;
 
+	color: #fff;
 
+	text-align: center;
 
+}
 
+tbody td:nth-child(3n), td:nth-child(4n) {
 
+	text-align: center;
 
+}
 
+tbody td:nth-child(5n) {
 
+	text-align: right;
 
+}
 
+tbody tr:nth-child(2n){
 
+	background-color: #eee;
 
+}
 
+tbody tr:nth-child(2n+1){
 
+	background-color: #fff;
 
+}

+ 51 - 0
03.07.2017/5/index.html
Parādīt failu 

@@ -0,0 +1,51 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<link rel="stylesheet" href="css/style.css">
 
+	<title>The fifth task</title>
 
+</head>
 
+<body>
 
+	<table border="1">
 
+		<thead>
 
+			<tr>
 
+				<td>Firstname</td>
 
+				<td>Lastname</td>
 
+				<td>Gender</td>
 
+				<td>Salary</td>
 
+				<td>Info</td>
 
+			</tr>
 
+		</thead>
 
+		<tbody>
 
+			<tr>
 
+				<td>John</td>
 
+				<td>Doe</td>
 
+				<td>male</td>
 
+				<td>$1000</td>
 
+				<td>Some info</td>
 
+			</tr>
 
+			<tr>
 
+				<td>Jane</td>
 
+				<td>Doe</td>
 
+				<td>female</td>
 
+				<td>$2000</td>
 
+				<td>Some other info</td>
 
+			</tr>
 
+			<tr>
 
+				<td>Adam</td>
 
+				<td>Smith</td>
 
+				<td>male</td>
 
+				<td>$3000</td>
 
+				<td>---</td>
 
+			</tr>
 
+			<tr>
 
+				<td>Karl</td>
 
+				<td>Marx</td>
 
+				<td>male</td>
 
+				<td>$4000</td>
 
+				<td>---</td>
 
+			</tr>
 
+		</tbody>
 
+	</table>
 
+</body>
 
+</html>