صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
Entony
/
homework
دنبال کردن 1
ستاره دار 0
انشعاب 0
پرونده‌ها مشکلات 1 درخواست واکشی 0 ویکی
فهرست منبع

test

Entony 7 سال پیش
کامیت
12f8e37b41
14فایلهای تغییر یافته به همراه313 افزوده شده و 0 حذف شده
مشاهده تقسیم شده نمایش آمار تفاوت ها
  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
مشاهده فایل 

@@ -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
مشاهده فایل 

@@ -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
مشاهده فایل 

@@ -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
مشاهده فایل 

@@ -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
مشاهده فایل 

@@ -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
مشاهده فایل 

@@ -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
مشاهده فایل 

@@ -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
مشاهده فایل


+ 21 - 0
03.07.2017/3/index.html
مشاهده فایل 

@@ -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
مشاهده فایل 

@@ -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
مشاهده فایل


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 22 - 0
03.07.2017/4/index.html


+ 23 - 0
03.07.2017/5/css/style.css
مشاهده فایل 

@@ -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
مشاهده فایل 

@@ -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>