Поделиться
1Development Techniques. HTML _didactic material3_ 2 variant.docx
Didactical materials
Name __________________ Class ______________________
Objective: 10.4.2.1 use HTML in web-development;
Tables allow text and pictures to be arranged in columns and rows. You can arrange items horizontally across the page, instead of all items following below each other. This also means you can include images alongside the text. The tag to insert a basic table is <TABLE>
§ Open Notepad++
§ Save this file as table1.htm in your HTML folder.
§ Type in the HTML tags below:
<HTML>
<HEAD>
<TITLE>
Table
</TITLE>
</HEAD>
<BODY style="background-color:green; font-family:broadway;">
<H1> Adding a table </H1><P>
<TABLE BORDER="1">
<TR>
<TD> Top left </TD>
<TD> Top right </TD>
</TR>
<TR>
<TD> Bottom left </TD>
<TD> Bottom right </TD>
</TR>
</TABLE>
</BODY>
</HTML>
§ This creates a table with 2 rows & 2 columns, making 4 cells in total.
§ Save your work again then open it in Internet Explorer to view your page.
· Here is another table example that you can try. Save it as table2.htm
· This includes colour borders around the cells
§ Save your work again then open it in Internet Explorer to view your new table. It should look something like this:
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
