Let's get started with a Multimedia Web Page!
- Login into your Code.Org account.
- Click on your name.
- Choose: My Projects
- Click on your My First Web Site project.
- Click on the Add HTML button.
- Right click on: new-3.html
- Choose: Rename
- Name this file: multimedia.html
- Delete all the lines in this file.
- Copy the Multimedia Page Template (HTML) code (below).
- Paste that code into your
multimedia.html
file.
- Change your page title, your Author name, and your page heading to something appropriate
- Change: your-email-address to your email address
- Change the
put-legend-here
and both put-label-here
to something appropriate. For example, Demographic Information, First Name, Last Name
- Change:
<body>
to: <body class="mmbody">
- Change:
<p>
to: <p class="mmp">
- Copy the Multimedia Page Styles (CSS) code (below)
- Paste that code into your
style.css
file.
- Change some styles.
- Click: Refresh and Save
Multimedia Page Template (HTML)
Multimedia Page Styles (CSS)
Example