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