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