Today we learnt about coding and social media.
A web page usually consists of:
The Head
This does not show up on your web page. This is what tells the server what to show on the page. For example, it sets the coding and the language of the page under meta:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
html is the code language and utf-8 means English.
A web page usually consists of:
The Head
This does not show up on your web page. This is what tells the server what to show on the page. For example, it sets the coding and the language of the page under meta:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
html is the code language and utf-8 means English.
The meta hyperlink can also be used to edit the description that shows up on google under the title of the site and the web address.
Description Hyperlink:
<meta name="description" content"Offical home of Hello Kitty and friends."/> etc
The title can be used to find your page more easily on google and also shows up on the tab title or window title. This can also be found under the head of the hypertext.
Title Hyperlink:
<title> Hello Kitty </title>
Description Hyperlink:
<meta name="description" content"Offical home of Hello Kitty and friends."/> etc
The title can be used to find your page more easily on google and also shows up on the tab title or window title. This can also be found under the head of the hypertext.
Title Hyperlink:
<title> Hello Kitty </title>
 |
TITLE AND DESCRIPTION |
All this is found within <head> </head>.
The Body
This will show up on your web page.
Everything that is in the "body" of the web page goes within <body> </body>.
For headings we have:
<h1>Heading</h1>
<h2>Sub Heading</h2>
<h3>Minor Heading</h3>
For paragraphs we put them in <p></p>. Its important to put your paragraphs within this hypertext, as otherwise the server wont recognize spaces between the different paragraphs.
For example without hypertext:
I love animals so so much its unbearable how cute they are! I love animals so so much its unbearable how cute they are! I love animals so so much its unbearable how cute they are! I love animals so so much its unbearable how cute they are! I love animals so so much its unbearable how cute they are! I love animals so so much its unbearable how cute they are! I love animals so so much its unbearable how cute they are!
WITH hypertext:
<p>I love animals so so much its unbearable how cute they are! I love animals so so much its unbearable how cute they are!
I love animals so so much its unbearable how cute they are! I love animals so so much its unbearable how cute they are! I love animals so so much its unbearable how cute they are! </p>
Anchoring means linking pretty much, and looks a little like this:
<a href="web page">HELLO KITTY</a>
and will hopefully turn out looking like this on your page:
<a href="web page">HELLO KITTY</a>
and will hopefully turn out looking like this on your page:
to have it open on a new window or tab:
<a href="webpage" target "_blank">
<a href="webpage" target "_blank">
HREF means [h]ypertext [ref]erence
IMAGES!
can be done like this:
<img src="image name"/>
which will end up looking like this:
IMAGES!
can be done like this:
<img src="image name"/>
which will end up looking like this:
img means "image" and src is short for "source"
That is the cutest kitty ever!!
ReplyDelete