Once we have some content on our page we will learn to make it prettier in the next lesson.
Type <p> to make a paragraph tag
Notice it automatically creates a closing tag (end tag) for you
Everything between the tags is your paragraph element.
This view is better when you are working without a lesson.
Find an image of something you like and save it to your computer
This element tag needs an attribute called "source" in order to know which picture to display.
This copies the image source to your clipboard.
There are 6 different heading tags available
Notice the bigger number equals a smaller size.
If you are like me, this image is way too big!
You can set it to a number of pixels wide
Or you can set it to a percentage of the window size.
You must use at least one <p> and one of the <h > tags.
<a> tags have an attribute called href which stores the link
You could put an image instead of "Click here" if you want the image to act as your link!
Set href = "about.html"
href = "about.html"
A basic list has an ordered list <ol> or un-ordered list <ul> tag
With list item <li> tags in-between:
You should also add an image of something you like to this page.
Here is an example where someone used a list element as part of their slideshow
We will make something like this when we get to using Jquery
There are of course plenty of other but you've been given most of what you need already!
If you're been wondering how html pages can ever look good, the answer is partially CSS!
Create a Portfolio
Created about 1 year ago
Teach coding to your students with MVCode Teach
MVCode offers an integrated product designed to teach coding to students.
Learn more about MVCode Teach