Поделиться
5Development Techniques. HTML _didactic material3_ 1 variant.docx
Didactical material. Handout
Name __________________ Class ______________________
Objective: 10.4.2.1 use HTML in web-development;
1. Start Notepad and type the following text:
<HTML>
<HEAD>
<TITLE> Second page </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
2. Save the file with the name "Surname_2.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:
<UL>
<LI> The first item of the list </ LI>
<LI> The second item of the list </ LI>
<LI> The third item of the list </ LI>
</ UL>
5. Save the file and open it with the browser. A bulleted list should appear on the screen.
6. Change this fragment as follows and make sure that everything is still working.
<UL TYPE = "disk">
<LI> The first item of the list
<LI> The second item of the list
<LI> The third item of the list
</ UL>
By changing the "disk" to a circle and square, see how the type of markers changes.
7. After this fragment, add the following text:
<OL>
<LI> The first item of the list
<LI> The second item of the list
<LI> The third item of the list
</ OL>
Save the file, open it in your browser and make sure that the numbered list appears.
8. Change it as follows:
< OL TYPE = i START = 3>
<LI> The first item of the list
<LI> The second item of the list
<LI> The third item of the list
</ OL >
By changing i to 1, i, I, a, A, make sure the numbering type changes, and by changing the number 3 you can set any initial number.
9. If you add bullet points inside the numbered list, proceed as follows:
<OL TYPE = "1" START = "2">
<LI> Item two </ LI>
<UL>
<LI> The first item of the list
<LI> The second item of the list
<LI> The third item of the list
</ UL>
<LI> Item three </ LI>
<LI> Four point </ LI>
</ OL>
Then on the screen should get a combined list:
1. Point two
2. Item three
3. Point four
10. Task for self-fulfillment:
Using the attachment lists, get the following text in the browser window:
1. Dogs:
• German Shepherd
• Laika
• Spaniel
• The Moscow watchdog
• Beagle
• Spitz
• Tuzik
2. Cats:
§ Siamese
§ Cornish Rex
§ Scottish Fold
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
