Поделиться
2 Development Techniques. HTML _didactic material4_ 1 variant.docx
Didactical materials. Handout
Name __________________ Class ______________________
Objective: 10.4.2.1 use HTML in web-development;
1. Start Notepad and type the following text:
<HTML>
<HEAD>
<TITLE> Third page </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
2. Save the file with the name
"Surname_3.HTML"
3. Collapse Notepad and open this file using the Browser. (Click on this file
with a mouse and it will automatically open in the Browser).
4. After the first word <BODY>, add the following phrase:
<TABLE BORDER="1">
<TR>
<TD>Cell 1</TD>
<TD> Cell 2</TD>
<TD> Cell 3</TD>
</TR>
</TABLE>
5. Save the file
and open it with the browser. A table of one line should appear on the screen.
6. Modify this fragment as follows and make sure that the table has increased
in size.
<TABLE BORDER="1"
WIDTH="1000"
HEIGHT="300">
Changing the numbers 1000 and 300,
see how the table dimensions change.
7. After this fragment, add the following text to the beginning of the table:
BGCOLOR="green"
ALIGN="center">
Save the file, open it in the browser and make sure that the color of the table has changed and it aligned in the center.
8. Change the cell description as follows:
<TD><FONT COLOR="white">Ячейка 1</FONT></TD>
Make sure the text color in the first cell is white.
9. Change the cell description as follows
<TD BGCOLOR="red"><FONT COLOR="white">Cell 1</FONT></TD>
Make sure the background of the first cell turns red.
10. Task for self-fulfillment:
Using the tags you've learned, build the following table and paint it in
different colors.
|
Name |
Price |
Quantity |
Cost |
|
A computer |
25000 tg. |
2 pc |
50000 tg. |
|
Printer |
8000 tg. |
2 pc |
16000 tg. |
|
Scanner |
3000 tg. |
1 pc |
3000 tg. |
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
