learning html week 6. every web page has the same basic structure the title of your page the guts of...
Post on 21-Dec-2015
213 views
TRANSCRIPT
Learning HTML
Week 6
Every Web Page Has the Same Basic Structure
<HTML><HEAD><TITLE>The title of your page</TITLE></HEAD><BODY>The guts of the web page, text, graphics, links and so on.</BODY></HTML>
<HEAD><HEAD><TITLE>Barbaros Ozdogan Internet Business Systems
</TITLE></HEAD>
It is as simple as it sounds-The title element names your document, like title of a book.
Every HTML document you create should include a title-and only one title-within the HEAD element.
Title
<BODY> tag
• The body section of all WWW documents is defined by the <BODY> element.
• It has both an opening tag, <BODY>, to show where your information starts and a closing tag, </BODY>, that indicates where the data ends.
<BODY><HTML><HEAD><TITLE>The title of your page</TITLE></HEAD><BODY>The guts of the web page, text, graphics, links and so on.</BODY></HTML>
Working With Tables
<TD>
<TD>
<TD>
</TR>
</TR>
</TR>
</TR>
</TR>
<TR>
<TR>
<TR>
<TR>
<TR>
<td>$200 </td>
<td>$500 </td>
<td>$300 </td>
<td>2100 </td>
<td>$2200 </td>
<Table>
</Table>
Code for the previous slide
<TR>
<TD>$200</TD>
<TD>$500</TD>
<TD>$300</TD>
<TD>$2100</TD>
<TD>2200</TD>
</TR>
<th>Withdrawals</th>
<th>Date </th><TR> </TR>
HTML Code for creating Table Header :<TR>
<TH>Date</TH>
<TH>Activity</TH>
<TH>Withdrawals</TH>
<TH>Deposits</TH>
<TH>Balance</TH>
</TR>
<H1> (opening header tag, 1 represents the font size)<B>(Bold)Naugatuck Savings Bank</B></H1>(closing header tag)<P>(paragraph space)<P>(Paragraph space)<H3>(Another header tag, 3 represents a smaller font size)<I>(Italic font)Subsidiary of Dewey, Cheatem, and Howe</I>(End of italic font)</H3>(End of the second header tag)
Below you can find the code to create A header and a sub header.
This code starts right after the opening <body> tag
How do we create one cell That has the width of 5 columns
1- Create one row <TR> </TR>2-Within the TR tags create one TD block <TD> </TD>This will create one cell within one row. But the goal is to create cell that has 5 column width.
So to do that we will use the “colspan” element and we will include that Within the opening <td> => <td colspan=5> Activity of Dewey, Cheatem and Howe </TD>
Creating a Link to a Web Page
• Anchor Tag To create a link we use the Anchor tag:<A href=www.Naugatucks.com>Naugatucks.com </A>
What is displayed on the browser
Actual URL