Loading...

​​Week 2: Basic Control with CSS

​​

​​Readings! 

​​Did we do them? Let’s talk about it and how to do our responses. 

​​Nico presenting

​​

​​​💥​​💥​​💥​​💥​ Recap! ​💥​​💥​​💥​​💥​

​​HTML! What have we learned so far? 

​​

​​Let’s take a look at Digital Poetic part 1!

​​

• ​​Share your favorite

• ​​Quick feedback (1 min)

​​

​​

​​Inserting Images, Audio, and Video

​​<!-- This is an image -->

​​<img src="filename.jpg" alt="Dancing Cat" title="Dancing Cat />

​​


​​<!-- This is an audio file with controls -->

​​<audio controls>

​​  <source src="viper.mp3" type="audio/mp3">

​​</audio>

​​


​​<!-- This is a video file -->

​​<video controls width="480" height="288" >

​​  <source src="video.mp4" type="video/mp4">

​​</video>

​​

​​You can specify other attributes such as no controls, specify loops, etc.

​​https://html5tutorial.info/html5-audio.php

​​https://html5tutorial.info/html5-video.php

​​

​​

​​

​​Inserting CSS and Basic Properties

​​CSS stands for Cascading Style Sheets.

​​

​​While we can place CSS directly into our HTML file, it is usually better to create a separate CSS file to keep it clean. What do we need to do?

​​

1. ​​Create a style.css file. Leave it empty for now.

2. ​​Link the style.css file from your HTML file. Make sure our HTML file has some paragraph tags, header tags, etc.

​​

​​<link rel="stylesheet" type="text/css" href="style.css">

​​

3. ​​Let’s go back to our CSS file. The syntax for CSS is very simple:

4. ​​
   

​​selector {

​​  property: value;

​​  anotherproperty: value;