Ilog_Session1_Activity/Session1.html at main · Zvckkk/Ilog_Session1_Activity · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html>
    <head>
        <title>Session 1_Activity</title>
    </head>
    <body>
        <!--
            1. block element
                starts on a new line
            2. inline element
                does not start on a new line
            3. <strong>
                defines important text
                inline element
         -->
        <p>i am llyod and my goal is to become a<strong>full stack developer</strong></p>
        <!--
            4. <hr />
            horizontal rule acroess the width of the content
            no closing
            block element
         -->
        <hr />
        <p>
            <!--
                6. <q>
                    quote a short message
                    inline element
             -->

            to Achive my dream, i am studying at dlsud, which goal is to:
        <br />
            <q>
                nurture the academic community in a culture that the develop the total person.
            </q>
        </p>
        <!--
            <cite>
                defines the title of a creative work
         -->
        <p>My favorite book is <cite>da vinci code</cite> by dan brown.</p>
        <p>my favorite book is <cite>Dora: the Explorer</cite></p>
        <!--
            <em>
                defines emphasize text
                inline element
         -->
        <p>my motto in life is: <em>Time is gold by growing old</em></p>
        <!--
            <address>
                defines a contact information like email, phone number, etc
         -->
        <address>
            Phone number: 0909090909 <br />
            Email: session1@gmail.com <br />
            Indang, Cavite
        </address>
        <!--
            details
                specifies additional details.
                creates an interactive widget that the
                block element
         -->
         <!--
            summary
            defines a visible heading for the <details>
                block element
          -->
        <details>
            <summary>
                World Wide Web Consortium
            </summary>
            <p>the Wold wide web consortium is the maine international standards
                organization for the word wide web.
            </p>
        </details>
        <p>my favorite subjects in order of how much i like them: </p>
        <!--
            <ol>
                defines an ordered list
                block element
         -->
        <ol>
            <li>PE</li>
            <li>Web App</li>
            <li>Human Interaction</li>
        </ol>
        <p>My hobbies:</p>
        <!--
            <ul>
                defines an unordered list
                block element
         -->
        <ul>
            <li>eat</li>
            <li>sleep</li>
            <li>bible study</li>
        </ul>

        <table>
            <caption>
                Work Experience
            </caption>
            <thead>
                <tr>
                    <th>role</th>
                    <th>company</th>
                    <th>year</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>developer</td>
                    <td>ud</td>
                    <td>2020</td>
                </tr>
                <tr>
                    <td>senior developer</td>
                    <td>ateneo</td>
                    <td>2021</td>
                </tr>
                <tr>
                    <td>lead developer</td>
                    <td>jolibee</td>
                    <td>2022</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td></td>
                    <td>total</td>
                    <td>3</td>
                </tr>
            </tfoot>
        </table>
    </body>
</html>