Skip to main content

Build your own webpage

1.introduction
What you'll be making
Before we ask you to write a bunch of code, we think it's helpful for you to see exactly what you'll be making in this project.
Check out the index.html file and the Result tab for an example—we've made our very own webpage.

index.htm
<!DOCTYPE html>
<html>
    <head>
        <title>Result</title>
    </head>
    <body><h1>YEAH SANDWICHES</h1>
    <img src="http://bit.ly/RhrMEn" />
        <p>I like eggs.</p>
        <p>And ham!</p>
        <p>But mostly sandwiches.</p>
    </body>
</html>

2.Every house needs a frame
An HTML page is sort of like a house: it needs a certain number of essential structures in order to work.
Just like a house, an HTML page needs a frame. In this case, your frame is made of <!DOCTYPE>, <html>, <head>, and <body> tags.
Instructions
Your webpage is blank as the day it was born! Let's add five things:
  1. The <!DOCTYPE> tag
  2. Your <html> tags
  3. Your <head> tags
  4. <title> tags (with any title you like!) between your head tags
  5. Your <body> tags
3.It's better with a header
Your webpage could use an <h1> header between the body tags to let everyone know that the page is about you.
Instructions
Create an <h1> tag inside your body tags. Between your opening <h1> and closing </h1> tags, type your name for all to see!

4.Tell us about yourself
Your page is coming along, but it's not telling us much yet.
You could use a paragraph or two telling your readers what your interests are, what you do for a living, how much you love learning HTML, and so on.
Instructions
Insert three <p> tags after your <h1> tag (but before your closing </body> tag!). Write a little bit about yourself in each of the three paragraphs. You can say whatever you want! It's your webpage.

5.A picture's worth a thousand words
Nice work! Your page is still looking a bit spare, though. Better add an image or two to spruce things up a bit.
Remember, to insert an image from the web you will need to right-click and select "Copy image URL." Then use this URL in your <img> tag.
Instructions
Insert an <img> tag between your <body> tags. Feel free to put it anywhere! (We think it'd look best after your <h1> tag, but before your <p> tags.) You can make the src attribute point to any image you like.

6.Link me!
Great! There's only one problem: your webpage is like a house with no doors. There's no way to get in or out! We'll fix that by adding a couple of links.
Once you successfully add your links and hit Run, you've finished! Revel in the glory of your newly created webpage.
If it still looks a little basic to you, don't worry. We'll soon teach you CSS to make your webpages look sharp!
Instructions
Add at least two links to your webpage. You can turn an image or a bit of text into a link; you can even turn part of the text inside your <p> tags into a link!
Check out the Hint if you've forgotten how the <a> tag works.




Comments

Popular posts from this blog

Hidden Wiki

Welcome to The Hidden WikiNew hidden wiki url 2015 http://zqktlwi4fecvo6ri.onion Add it to bookmarks and spread it!!!
Editor's picks Bored? Pick a random page from the article index and replace one of these slots with it.
The Matrix - Very nice to read. How to Exit the Matrix - Learn how to Protect yourself and your rights, online and off. Verifying PGP signatures - A short and simple how-to guide. In Praise Of Hawala - Anonymous informal value transfer system. Volunteer Here are five different things that you can help us out with.
Plunder other hidden service lists for links and place them here! File the SnapBBSIndex links wherever they go. Set external links to HTTPS where available, good certificate, and same content. Care to start recording onionland's history? Check out Onionland's Museum Perform Dead Services Duties. Introduction PointsAhmia.fi - Clearnet search engine for Tor Hidden Services (allows you to add new sites to its database). DuckDuckGo - A Hidden S…

Explainer: The nico-teen brain

Explainer: The nico-teen brain The adolescent brain is especially vulnerable to the addictive effects of nicotine BY  TERESA SHIPLEY FELDHAUSEN 7:00AM, AUGUST 19, 2015 Nicotine (black triangle towards center left) tricks the nerve cell (neuron) into sending a message to release more dopamine (yellow dots). Those molecules enter the space (synapse) between one nerve cell and the next. When they get picked up by neighboring cells, this gives users a feel-good high. It also creates the risk of addiction and other health problems.  EMail Print Twitter Facebook Reddit Google+ NATIONAL INSTITUTE ON DRUG ABUSE, ADAPTED BY J. HIRSHFELD Nicotine is the addictive chemical in tobacco smoke and e-cigarette vapors. And doctors say the teenage brain is no place for it to end up. Nicotine can reach the brain within seven seconds of puffing on a cigar, hookah, cigarette or electronic cigarette.
The area of the brain responsible for emotions and controlling our wild impulses is known as the prefrontal c…

fix idm integration on chrome

Chrome Browser IntegrationI do not see IDM extension in Chrome extensions list. How can I install it? 
How to configure IDM extension for Chrome?Please note that all IDM extensions that can be found in Google Store are fake and should not be used. You need to install IDM extension manually from IDM installation folder. Read in step 2 how to do it.

1. Please update IDM to the latest version by using "IDM Help->Check for updates..." menu item

2. I don't see "IDM Integration module" extension in the list of extensions in Chrome. How can I install it?

Press on Chrome menu (arrow 1 on the image), select "Settings" menu item (arrow 2 on the image) and then select "Extensions" tab (arrow 3 on the image). After this open IDM installation folder ("C:\Program Files (x86)\Internet Download Manager" by default, arrow 4 on the image) and drag and drop "IDMGCExt.crx" (arrow 5 on the image) file into "Extensions" page opened in…