HTML – Hypertext Markup Language

Содержание

Слайд 2

STRUCTURAL TAGS




STRUCTURAL TAGS

Слайд 3

- beginning and end of the page
- contains

- beginning and end of the page - contains tags with office
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

text - text color - color of the main text - background
- color of the main text
- background color
- color of the main text and color of a background

Слайд 6

text - font size
text

text - font size text - font (font type) text - ‘break
- font (font type)
text
- ‘break row’, a transition to a new line

Слайд 7

PARAGRAPHS

text

- text alignment (center, left, right)

PARAGRAPHS text - text alignment (center, left, right) (by default on the
(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
(the fixed font)
 
- the fixed font, but also is removed to within a gap
text

Слайд 11

- picture insert
picture insert

- picture insert picture insert with the file location.
with the file location.

Слайд 12

PICTURE PARAMETERS

(middle, top, right, left, center)

PICTURE PARAMETERS (middle, top, right, left, center)
src=pr1.gif Hspace=30>

Слайд 13

PICTURE PARAMETERS

my


PICTURE PARAMETERS
border=5>

Слайд 14


my

- background picture

- background picture

Слайд 15

HYPERLINKS

my fotos - as a hyperlink the text on

HYPERLINKS my fotos - as a hyperlink the text on the file
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 -

HYPERLINKS Link - color of a hyperlink Alink - color of the
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

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

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" -

гиперссылки my fotos target ="_blank" - points that the document 123.html on
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="circle">

  • Слайд 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

    HORIZONTAL DIVIDER defines a thematic change in the content (center or left)
    (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


    1x1
    1x2
    2x1
    2x2
    2x1 2x2 2x3
    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

    Слайд 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
    cols="150, *">

    Слайд 31

    Example 3 in the picture

    Circulation on frames

    ">

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