[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!
** *** ** ** * ** ** * ** ** **** * **