PS-3

​HTML+Css+JS

​HTML+Css+JS

​​The head

-Modify the style and add information that the user does not see.

​HTML+Css+JS

The body

The code or program itself, the actions and the objects

​HTML+Css+JS

Style

This is the section dedicated to CSS

Used to modify appearance

​HTML+Css+JS

Script

This is the Java Script section

Instructions and actions are executed here

Match

Make them match the most appropriate relationship

• JS

• CSS

• BODY

• HEAD

<script></script>

<style></style>

The program itself

To link external stylesheets

• <script></script>

• <style></style>

• The program itself

• To link external stylesheets

​HTML+Css+JS

Basic structure
You always start with this

​HTML+Css+JS

Comments help you remember things
They help you understand your own program

​HTML+Css+JS

Html
Css
JS

​HTML+Css+JS

Match

Make them match

• CSS

• JavaScript

• Html

/* comment */

// comment

<!-- comment -->

• /* comment */

• // comment

• <!-- comment -->

Time to open

​HTML+Css+JS

A page with:

Title "Welcome"

Alignment: Centered

Size: 36px

Text "Today is 5 of October"

Alignment: left

Size: 20px

Left margin: 20px

​HTML+Css+JS

​HTML+Css+JS

Multiple Select

What are the two errors?

• There is an additional slash in the paragraph statement

• A slash is missing when closing the title h1

• The two slashes are missing when declaring the Title h1

• Missing punctuation mark (;)

​HTML+Css+JS

​Engine Time

https://www.construct.net/en

​Task Time 1°

Change the title size to 40px

​Task Time 2°

Change the page title to "Date Code"

​Task Time 3°

Add a subheader that says "Reminder"

​HTML+Css+JS

Now, we will make that the date is obtained online

​HTML+Css+JS

​HTML+Css+JS

​HTML+Css+JS

​HTML+Css+JS

​HTML+Css+JS

​HTML+Css+JS

​HTML+Css+JS

​Task Time 4°

Change the code to say...
Today is October DD 2024

Where DD should be the day obtained by web

​HTML+Css+JS