Take me back!! I want my CSS!! Click me to get back :)

×

READY FOR A NEW CAREER?

But not sure where to start? Find out if a tech career is right for you.

TAKE THE 3-MINUTE QUIZ

HTML

HTML (HyperText Markup Language) is what web pages are made out of.

HTML describes what each part of a web page is to your browser.

You know when you visit a website and see a headline and a bunch of paragraphs? A computer can tell the difference between a paragraph and a headline because each has its own HTML tag. HTML tags look like this:

<h1>This is a headline</h1>
<p>This is a paragraph.</p>

You write HTML just like normal text and save it in a file with .html at the end. HTML is the only thing that you have to have in order to make a website.
So what can I put on a website?

HTML supports many types of content and media:

paragraph audio video lists
PARAGRAPH AUDIO VIDEO LISTS
<p>
<audio>
<video>
<li>
hello-world image italics button
ARTICLES IMAGE EMPHASIS BUTTON
<article>
<img>
<em>
<button>

In order to place any one type of media in your website, you have to use its particular HTML tag. For example, images get <img> tags, videos get <video> tags, and so on.

Now try this!

try-this

  1. Open up skillcrush.com
  2. Right click and click on
    ‘View Page Source’
    This shows you all the html
    written on a website.
  3. See if you can spot some of the tags we just learned about.

Your email address will not be published.

22 comments

  1. Jakob Cooks Replied

    i really enjoy the level of detail in this website…. theres so much information though that i find myself opening new tabs and looking up certain things in order to feel as though i have complete understanding.

  2. Anonymous Replied

    Neat! Now I understand what this is when I accidentally look at it or open it. 

  3. Devangelista Replied

    I love this, you get to actually see theory in practice! Amazing.

  4. tia0218 Replied

    This is pretty neat to see what we just learned about in action. 

  5. panlavoie Replied

    @synapse09:
    To be able to view the source code of a webpage under Safari, you first need to enable the Developer menu:
    Click on Safari menu > Preferences > Advanced.
    Check “Show Develop menu in menu bar”.
    Close the Preferences window.
    Go to the Develop menu > Show Page Source.

  6. synapse09 Replied

    How do you “View Page Source” in Safari?

  7. StephGrill Replied

    This is a really great intro to the topic of HTML. As someone who has worked with it before, but stopped for a long time, it’s a great refresher!

  8. BamTechie Replied

    This is a really interesting way to turn someone who kinda knows a bit about computers…(or so they think) into a “Techie”…a “BamTechie” as a matter of fact!!! Thanks, cuz I am dying for a career choice of some kind….and I think that thanks to skillcrush…I have finally found it!!

  9. Anonymous Replied

    i am having a hard time getting that dropdown window.. i don’t get those options :(  only back, reload page, open in dashboard..  i have a macbook air. 

  10. Walesy Replied

    Thanks owenbarton. I’m using a MAC and have Safari as well. Where did you find the developer option? I’m not having any luck with this at all.

    • prettypinklights Replied

      Hi Walesy. To enable the developer mode in safari, go up to Safari in your menu bar, select preferences, and then choose Advanced and you will see at the bottom there is a check box to enable. 

  11. EliseR Replied

    This is great but not everyone can “right click”. If you’re on a Mac and using Chrome, go to “View”, “Developing” then “View Source” or (option)+⌘+U.

    • owenbarton Replied

      I also had difficulty performing this task on a MAC. I also searched my help file for tips, but to no avail. The only thing I found was the developer option, but then when searching where it told me to go, no available option was there either. I am using Safari. 

      • Walesy Replied

        Thanks owenbarton. I’m using Safari as well. Where did you find the developer option? I’m not having any luck with this at all.

      • Walesy Replied

        Thanks owenbarton. I’m using a MAC and have Safari as well. Where did you find the developer option? I’m not having any luck with this at all.

Want more articles like this?

Sign up to get the most recent tech news, tips and career advice.