Difference between revisions of "CS43"

From Coder Merlin
m
m (Editorial review and minor corrections)
 
Line 10: Line 10:
For example, the  
For example, the  
     <img>
     <img>
tag tells the computer to place an image, while the paragraph
tag tells the computer to place an image. The paragraph tag tells the computer to place words.
tag tells the computer to place words.


Today, we are going to learn about the <img> tag, and start creating our websites!
Today, we are going to learn about the <img> tag and start creating our websites!


The <img> tag places a picture on your webiste. The <img> tag requires two things: the tag, and the picture. You need to tell the computer to tell what picture to put, and where.
The <img> tag places a picture on your website. The <img> tag requires two things: the tag, and the picture. You need to tell the computer to tell what picture to put, and where.


For example:
For example:
     <img src = "somewhere">
     <img src = "somewhere">


Tells the computer to place the picture that is in the folder "somewhere".
Tells the computer to place in your page a picture, and that picture to use is in the folder with the "somewhere" name.


Today, you can take a picture of yourself, place it somewhere on your computer.
Today, you can take a picture of yourself, place it somewhere on your computer.


Then, you can try to place an image on a website by using the image tag. Remember to include where the image is located so that the computer knows where the picture is.
Then, you can try to place that image on a website by using the image tag. Remember to include where the image is so the computer knows where the picture is.


Be creative! You can add any picture you want, not just yourself. Try adding words by using the <p> tag.
Be creative! You can add any picture you want, not just yourself. Try adding words by using the paragraph tag.
If you need help, don't be afraid to ask!
If you need help, don't be afraid to ask!

Latest revision as of 17:09, 7 February 2023

Within these castle walls be forged Mavens of Computer Science ...
— Merlin, The Coder

HTML Basics - Continued[edit]

Do you remember what we did last class? Yes! We learned about how HTML works.

HTML is a tool used to create websites. You can use it to make any type of website that you want. Writing in HTML is like writing words, except that with HTML, you use tags instead of words.

To tell a computer you want something in your website, you use tags. Different tags tell the computer to put different items.

For example, the

    <img>

tag tells the computer to place an image. The paragraph tag tells the computer to place words.

Today, we are going to learn about the <img> tag and start creating our websites!

The <img> tag places a picture on your website. The <img> tag requires two things: the tag, and the picture. You need to tell the computer to tell what picture to put, and where.

For example:

   <img src = "somewhere">

Tells the computer to place in your page a picture, and that picture to use is in the folder with the "somewhere" name.

Today, you can take a picture of yourself, place it somewhere on your computer.

Then, you can try to place that image on a website by using the image tag. Remember to include where the image is so the computer knows where the picture is.

Be creative! You can add any picture you want, not just yourself. Try adding words by using the paragraph tag. If you need help, don't be afraid to ask!