5Development Techniques. HTML _didactic material3_ 1 variant
Оценка 4.6

5Development Techniques. HTML _didactic material3_ 1 variant

Оценка 4.6
docx
09.05.2020
5Development Techniques. HTML _didactic material3_ 1 variant
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

  • First item of the list
  • The second item of the list
  • The third item of the list

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


 

Didactical material. Handout

Didactical material. Handout

LI> The third item of the list </

LI> The third item of the list </

Laika • Spaniel • The Moscow watchdog •

Laika • Spaniel • The Moscow watchdog •
Скачать файл