[ISDP] 20170406 midterm exam 1

Question

Please create a page with at least 20 kinds of different HTML tag and at least 20 kinds of different CSS property.

Please upload your HTML file when you

Answer 1

Hidden content!
* * * *

***** * ** * *

* * * *
*

** * * *



* * *
* *
*

*
** * ** * * *
*** * ** * * ** ** *** * * * ** * ** * * ** ** * * ** ** * * ** * * * * * * * ** * ** * * ** ** * **

* ** *** * * ** * **
* * * * ** * *
* * ** * * * ***** * *** ** * * * ** ** * * **** * ** * *** * * ** ** ** * * * *
* * * * ** * * * * * ** * * *** * * * * * **** *
*** * ** * ***** * * ** * ** * * *** * * * * * a ** ** * **** * * * * * * a * ** * ***

** ** * *






* ** * * ** * ** * * ** * *


* * ** * *** **** * *


* ** * * **





* * * * * ** * * * ** *** * ** * * *** ** * ** ***


* * * ** * ***

** * * * *** *** * * * ** *






**
*** ****
*** *
}
* *
** * * *
*** * *
** * **
** * * ** **
*** * * *** *
** * *
}
* * *
* *** * **
* * ** * * ** * * * * * *** * **
* ** *
** ** * *
* * * *** ****

* ** **
* * **
*** ** *
** * * **
**
* ***
* **
* * *
* * * * * *
*** * * * * * *
}
***** **
* * * *** * * * * *
* * * *
* **
*




































*
*
*

* **
* ** *
* **** *
***
* ** * *

*** *** ** * *** * * *
** * * * * *
****** *
* * **** * *

* *** * ** *
* * ** *

***** * * * **
* ** ** *
* * *
* ** *** * * *
* * *** * **
*
* * **** *
*** * *** *** *
* ** ** **
*
* ***
* * ** * * *
* * ** *** * *
* ** ***
* ** ** *** ***
*** * ** ***

* *** * ***
** ** * ** **
* ** * * * ** **
*** * ** ***** *
* *** * ** ** *** *
** * * * * *
* * ** * * *

* ** **
* * * ** * *
* ** ** *
* *** **
** *
*** * * **
* ** *
* *** ***** *
*

**
* ** * ** * * *** * * **** ** * * * * ** * *** * * *

* * **
* ** * **
* ** **
* ** * *** * * * * *
** ** * ** **
* * * ** ** *
* * ** * *** *
* * * * ** *
* * * ***
}
* {
* *
* * * ** * **** ****
* * ** *
* ** * **
* **** ***
* ****
*
* *
* * * * * * * *** * *
* * ** * **

*** ***
***** * *
* * * *
* * ****
* *** *** *** * * *
** ** ** ** * ***
*** ** *** * **** *
* ** **
* ****
* *** *
* * *
*
* * * * * *
* * * *
*
* *
* * * * * *
* * * * ** * * ** ** **
* ***** ***
**** * * *** *****
* * * **** ** * *** ** *
** ** * * * * * ** *
* * **
***** ** *
*** * * *
* *
* *
*** * * *** ** * * ***
** * *
}
*** ** * {
**** ** * * **
* **
** * * *
* **** * ** * ** *
*** * ***
* *** * *** * * ** * * ****
** * * ** *
* *
* *
*
}
**** * *** * **** + * {
**** * * * ****
*** *** *
* * *
}
* * ** {
* ** * *
** *** *** * ***
**** * * * ** * ***
***** * * *** *
** * ** * * *** ** ***
*** * * ** ***
* * * *
***
***
*
* ** *
* * ** * ** **
* ** * **
}
* *** * ** {
* * * ***
* *
* * *
*** * ****
* * * ** ****
* ** * * ** * *** * *
*** * * *** ** ****
* * **** *
* *
* ** **
}
* *** * * *** + ** * {
** *** * *
* * * ** * *
** * *
}
** ** * {
* * *
* *** * * * * ******
** * * *** ** * * * * **
**** * *** * ** ***
** * * *** * **** *
** ** *** * ** *
** * * **
*** **
*** * *
*** *
* * *
* * *** * * * *
* ** ***
*
* * **
* * * * * *
* ** * *
* ** * * *
* ** * * ** * * ***
* ** ** * ** **
* **** * * * *** *
*** * * ** * *
** ****
* *
* * *

* * ** * ** * * * *
* ***** *
* *** * ****
* * * *

*** * *
* * ***
** * * * *
* * * * ** ***
** * * * ** * * *
* ** ** * * **
*** * **** *
* * * *
* *****
* * ** **
* * ****
* * * ** *
* *** ** ** ** ** ***
* ****** * ***

* * * * * *
* * * * ** *
* * * **
* ***** * **
*** * * * * * ****
* * * * * ** * *
* **** ** ** ** * * *** ** **
* ** ****** * * * **
* ** **** *
* * * * *
* ** **

** ** * * **
* * ** * *** * *** *
* *** ***
* *** **

* **** ** * * ** *** * * * ** * * ** ** * * ** *** ** ** ** *


*
*
* * * * * *
** *** * *
* * ** * ****
** * * *

**
* * * * *
* * * * * ** *
* *** **
* * * * *

* *
* ** ** *
* ** * * ** ***
** ** **
* * *****

** ***** *
* * *** ** ** *
* ** *** * **
* *** **
* * *** *

*
* ** ****
* ** * * *** ** *
* * ***
* * **
}

Answer 2

Hidden content!
* * **** **** ** * **** *** ** ** * *** ***

Answer 3

Hidden content!
*** * * * * **** *** ** * ** * ** * ** * *** ****

Answer 4

Hidden content!
* * ** * *** ***** ** * *** ** * * ** ** ** **

Answer 5

Hidden content!
*** ** ** * * ** ** *** * ** **** ** * * * *

Answer 6

Hidden content!
** ** **** *** ** * ** * ***** * * * *

Answer 7

Hidden content!
<!doctype html>
* * * *
** * *
* ****** ** ** * *** * * **** ** * **
*** * * ***
*** ***
** *** **** *
* *** * *** * ** * formatting ** * * * *** ** * **** ** *** the text between the ** * *** tag and the closing * * * **** *** is an error * ** * * ** *** **

<ol>
** * * * * * *
*** * * * *** * * **
* * * *** ** * ** *** ***
****** *
* **** * *
** ****** ** * * * * * * **
* * * * ** * * *** *
** * * ** * * *
** ** * * *
* * ** ** *
*** * * *** * ** **** *** * *** * **
*** ** * markup language designed for the creation of web pages with hypertex and other * * * ** *** ****
* * ** * * * *** * * * * *** ** * ** *
* ******** * *** * used to describe how an HTML document should be *** * * * *
* * * **

<table * * ******** ***
* * * *** **** * ** * ** * * **** ** * *** ** ** *** **
*** *** *
* * ****
* ** * * * *
* *** ** * *
* **** *
** *** * ** ** *
<td>1
* * ** *
<tr>
* ** ** * *
** * * ***
* * * ***
** ** * *
** * **
**
** *
* ** ** ***
**** * ****
* * * * * *** *

Answer 8

Hidden content!
/* css*/

body{
***** * *

}

u{
* ** *
* *
}

i{
*** ******
* * *
* *
}

sup{
* ** * *
* ***** *
* **** **
* * ***
}

del{
*** * ****
* * ***
*** *** **
* * *** *
}
* *
*****
* **
** *** **
}

h1{
** ***** center;
** * * 3px 2px red;
}
*
** *** oblique;
* * * * 30px;
/* * ***** *
* ** * * */
}
* * **
* * * 50px;
* * *********
* *** 3px white;
/* ** * ** * *** ** */
/* **
**** */
}
** *
** * ****** *
}
* **
** * * * *
* ****
** *
}
* * **** *
* **** *
* * ***** *****
* * * *
}
* ** * *
** ** **** *
** * *

}

li{
*** * *
}

ul em{
** *** **
****** *
** **
}

a{
* **
}
** * ***
** *** **
* * **
* * * **
}

h3{
* **** ** ** **
** * ****
* *** ******** *
* * * * * * right;
}

h2{
* *** **
}
** *
* **
** * *
**** **** * *
}

margin{
** ** 3px 4px 10px;
}
* *
* ***** *
* * *
** ** * ****
** **
}

Answer 9

Hidden content!
*

Answer 10

Hidden content!
*** ** ** * * ****** ** * * * * * **** **