|YOUR GRADED ASSIGNMENT
Using notepad, a web browser, and the CORE code,
create a web page in your folder named home.html
adding a title to <title> and a 100+ word bio paragraph
within the <body> ... </body>
that includes your name.
 THE CORE HTML CODE
ALL of your web pages will have the basic core code listed below
Specific HTML commands ( aka tags ) appear within the < > and </ >symbols.
HTML Commands usually "sandwich" whatever you want affected.
EACH WEB PAGE has ONE & ONLY ONE set of core tags!
ONLY ONE <html> ... </html>
ONLY ONE <head> ... </head>
ONLY ONE <title> ... </title>
ONLY ONE <body> ... </body>
arranged EXACTLY in the nested order shown...
<title> What you type here appears on the top of the browser frame </title>
Whatever you put here appears on the actual webpage.
~99% of all code will go here!
Use the default Web Browser (Set default to Chrome please! ) as your web page VIEWER.
After you have typed some HTML code in Notepad and SAVED it to your folder,
you can go into your folder and click on it to open it in your default internet browser.
You will keep both the Browser and NOTEPAD open and
switch back and forth between them (it's called multi-tasking).
You can minimize each application but NOT close .
|VIEW SOURCE||Likely the most powerful tool to an HTML programmer!
When you go to a website and see something you like
you can see the HTML they are using by selecting the
VIEW and SOURCE from the drop down menu.
Also, right-clicking the mouse cursor within the website frame
you are interested in will also let you access the
VIEW SOURCE option.
|COPY & PASTE||The next most powerful tool is the COPY & PASTE
function. Use the mouse cursor to highlight (click-hold & drag)
a section of HTML from a VIEW SOURCE operation
then hit Ctrl & C keys to COPY. Nothing much happens at
this point. In the HTML document you are wanting to
add the code, place the cursor where you want the code
and then hit Ctrl & V (Paste) and the highlighted code magically
appears! This works great if you have a lot of repetitious
lines of code too!
|RIGHT CLICK & SAVE IMAGE AS:||If you want to borrow an image or logo to add to your
website as a link you can copy the image to your folder
where you keep ALL your work by using the mouse cursor
and right-clicking on the image and choosing
Save Picture As from the pop up menu. Be sure you make
a note of the exact name of the image and make sure you
save it to the folder you keep ALL your work.