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