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