Scribd
Upload
7 views

HTML_knowledge_organizer

Uploaded by

nahidfatima
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
7 views

HTML_knowledge_organizer

Uploaded by

nahidfatima
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

What are we learning: How to insert an image

• how to use HTML to create the content layer of a web page


• how to use HTML to appropriately place the content in a web page To insert an image we need to use the image tag, <IMG>. This is always
• how to use HTML to create navigation within a web page and between accompanied by the close <IMG> tag, </IMG>. When using the <IMG> tag
we need to use its attributes to specify the source of the image and its size.
web pages
<IMG src = “write the location of the image here”>
The <HTML> tag
We can use the height attribute and the width attribute to specify how big the
The <HTML> tag is the first tag you use in a web page. You should use the image should be in pixels.
close tag, </HTML>, at the end of your web page.
How to insert a table <IMG src = “location of image” height = “height in px” width = “width in px”>
The <HEAD> tag
The alt attribute is used to specify some text to be displayed if the image
A web page is broken up into two parts: the head and the body. The As you will discover there is no specific way to position elements in HTML. cannot be downloaded for any reason.
<HEAD> tag always follows the <HTML> tag. Like the <HTML> tag you This means that you will need to build a structure to hold the elements in
need to close it by adding a forward slash, </HEAD>. place. The structure we use to do this is a table: <IMG src=”location of image” alt=”description of image”>
The <TITLE> tag
<TABLE> - used to insert a table into your web page. You should always
The title of your web page goes inside the head of your web page. As with finish with the close <TABLE> tag, </TABLE> How to insert a hyperlink
all the other tags we have met so far you need to use the tag with a forward
slash in it as a close command. <TH> the table heading tag. This tag is used to add headings to your table. It Hyperlinks can be used to link to different parts of the same page or different
<TITLE> This is the title </TITLE> should always be accompanied with the close <TH> tag, </TH>. pages. To add a hyperlink we use the anchor tag, <a>. Similar to the image
The <BODY> tag tag, when we use the anchor tag we need to use its attributes to specify the
<TR> - the table row tag. This tag is used to define the rows in your table. It location of the page to link to.
The body tag follows the head of your web page. Inside the body of your should always be accompanied by the close <TR> tag, </TR>
web page goes the content. As with the other tags, once you have added <a href = “location of page linking to”>
your content you should use the close tag, </BODY>. <TD> - the table data tag. This always comes after the table row tag and is As with all the other tags this should be accompanied by the close <a> tag,
used to define the data in your table. It should always be accompanied by the </a>. This time though we should put the text or image that we want to act as
An example: close <TD> tag, </TD> a link in between the open and close tags.
To merge cells in a table we need to use the rowspan or colspan attribute, <a href=“location of page”>This is a link</a>
check out the example below: The target attribute allows you to specify where you want to open the link. If
you specify the target as _self then the page will open in the same window or
tab. If you specify the target as _blank then the page will open in a new
window or tab.

We can also use links to take us to different parts of a web page. We need
to use the id attribute to identify the different parts of the web page that we
Different types of text want to link to. The code below shows a link that will take you back to the top
of the page:
Use the heading tags to create headings in your webpage. Headings range
in size from <H1> to <H7>. Use the <p> tag to specify text as paragraph
text.

Ordered and unordered lists

To create bulleted or numbered lists you need to use the <ol> tag for a
numbered list and <ul> for a bulleted list. The <li> tag is used to list the
items that you want in the list. An example is shown below:

You might also like