HTML – Hypertext Markup Language презентация

Содержание

Слайд 2

STRUCTURAL TAGS

STRUCTURAL TAGS




Слайд 3

- beginning and end of the page - contains tags

- beginning and end of the page
-

contains tags with office information, for example, the tag
- heading
- direct contents of the document.
Слайд 4

TAGS CAN BE : PAIR (EXAMPLE, ) UNPAIRED (EXAMPLE, )

TAGS CAN BE :

PAIR
(EXAMPLE, )
 UNPAIRED
(EXAMPLE,
)

Слайд 5

text - text color - color of the main text

text - text color

yellow> - color of the main text
- background color
- color of the main text and color of a background
Слайд 6

text - font size text - font (font type) text

text - font size

text - font (font type)
text
- ‘break row’, a transition to a new line
Слайд 7

PARAGRAPHS text - text alignment (center, left, right) (by default

PARAGRAPHS

text

- text alignment (center, left,

right) (by default on the left edge)

text

- alignment on width
text
- on the center
Слайд 8

заголовки text text text text text text

заголовки

text


text


text


text


text


text

Слайд 9

Bold text Inclined text (italics) Underlined text

Bold text
Inclined text (italics)
Underlined text


Слайд 10

- the text, which font with symbols of identical width

- the text, which font with symbols of identical

width (the fixed font)
 
- the fixed font, but also is removed to within a gap
text
Слайд 11

- picture insert picture insert with the file location.

- picture insert
picture

insert with the file location.
Слайд 12

PICTURE PARAMETERS (middle, top, right, left, center)

PICTURE PARAMETERS

(middle, top, right, left, center)

Vspace=10>

Слайд 13

PICTURE PARAMETERS

PICTURE PARAMETERS

my


src=pr1.gif border=5>
Слайд 14

- background picture


my

>
- background picture
Слайд 15

HYPERLINKS my fotos - as a hyperlink the text on

HYPERLINKS

my fotos - as a hyperlink the text

on the file 123.html
my fotos - hyperlink to the 123.html file with the file location.
< img src=pr1.gif> - as a hyperlink picture
Слайд 16

HYPERLINKS Link - color of a hyperlink Alink - color

HYPERLINKS


Link

- color of a hyperlink
Alink - color of the active hyperlink (pressed)
Vlink - color of already visited hyperlink
Слайд 17

Hyperlink to a mailbox st5012@nkzu.edu - write letters Remark: the

Hyperlink to a mailbox

st5012@nkzu.edu - write

letters
Remark: the reference can be not only on the document with the *.html expansion, but also on many others (*.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe, etc.)
Слайд 18

гиперссылки my fotos target ="_blank" - points that the document

гиперссылки

my fotos
target ="_blank"

- points that the document 123.html on which the hyperlink conducts will open in a new window of the browser
Слайд 19

LISTS Text one Text another Example marked like the list

LISTS

  • Text one

  • Text another

  • Example marked like the list

    type="disk">


  • Слайд 20

    Tabulation in the list Shift one Shift two Shift three

    Tabulation in the list

    • Shift one

      • Shift two

        • Shift

    three
    Слайд 21

    HORIZONTAL DIVIDER defines a thematic change in the content (center

    HORIZONTAL DIVIDER


    defines a thematic change in the content

    right> (center or left)

    (line width in percent/pixels)

    (line width)

    (dimensions cancellation)

    (color of the line)
    Слайд 22

    TABLES - table - table line - column (cell) of the table

    TABLES

    - table
    - table line
    - column (cell) of the

    table
    Слайд 23

    Example of the table

    Example of the table

    Слайд 24

    1x1 1x2



    Слайд 25

    2x1 2x2 2x3




    1x1
    1x2
    2x1
    2x2
    bgcolor=blue>
    2x3

    Слайд 26

    to increase space between cells

    to increase space between cells


    Слайд 27

    tables colspan=2 association of columns rowspan=2 association of lines

    tables

    colspan=2 association of columns
    rowspan=2 association of lines

    Слайд 28

    FRAMES

    FRAMES

    Слайд 29

    Example 1 Circulation on frames

     Example 1

    Circulation on frames

    Слайд 30

    Example 2 in the picture Circulation on frames

    Example 2 in the picture

    Circulation on frames

    src=logo.html>
    Слайд 31

    Example 3 in the picture Circulation on frames

    Example 3 in the picture

    Circulation on frames * ">

    Имя файла: HTML-–-Hypertext-Markup-Language.pptx
    Количество просмотров: 36
    Количество скачиваний: 0