Тэгтердің атрибуттары. Мәтінді. Безендіру презентация

Содержание

Слайд 2

Тэг атрибуттары

Көбінесе ашылу тэгіне әсер ететін түрлендірулер атрибуттары болады. Атрибуттар немесе сипаттамалар

– тэг атауынан және бір-бірінен бос орын арқылы бөлініп жазылған қосымша түйінді сөздерден тұрады

Слайд 3

Көбінесе атрибуттардың мәнін жазу керек болады. Атрибут мәні – оның түйінді сөзінен теңдік

«=» белгісі арқылы бөлініп жазылады.

Слайд 4

Атрибут мәні (“”) алынып жазылуы тиіс, бірақ та оны қолданбай-ақ қоюға болады. Ал

жабу тэгінде атрибуттар болмайды.

Слайд 5

МӘТІНДІ БЕЗЕНДІРУ

Слайд 6

Мәтінді абзацтарға бөлу

Оның ең қарапайым жолы

ашу тэгін және


жабу

тэгтарын қолдану

Слайд 7

Абзацтарға бөлу

Бірінші абзац

Екінші абзац


Мысалы:


Слайд 8

Блокнот редакторында жазылуы

Слайд 9

Абзацқа бөліп жазған мәтінді Браузер арқылы ашып қарау терезесі

Слайд 10

Мәтінге көлденең сызық қою

Оның ең қарапайым жолы


тэгін қолдану

Слайд 11

Көлденең сызық қою Кез келген мәтінді жазу


Мәтіннің жалғасы


Мысалы:

Слайд 12

Блокнот редакторында жазылуы

Слайд 13

Көлденең сызықты мәтінге қою

Слайд 14

Қаріптің жазылуын беру

Оның ең қарапайым жолы
, ,
тэгтерін қолдану

Слайд 15

- қою қаріп
- курсивті қаріп
- асты сызылған қаріп

Бұндағы:


Слайд 16

Мысалы:

Слайд 18

Жиі кездесетін түстердің кодтары мен аттары

Слайд 19

FONT элементінің атрибуттары

size - қаріптің өлшемі

color - қаріптің түсі

face - қаріптің гарнитурасы

Слайд 20

Мысалы:

Бұл қаріптің өлшемі 7, түсінің қызыл

және Arial екендігін білдіреді

Слайд 21

Ал жазуы құжаттың фонының түсінің ақ екендігін көрсетеді

Слайд 22

Тізімдер

Слайд 23

    - маркерленген тізім

      - нөмірленген тізім

      - анықтамалар тізімі

      Тізімнің тақырыбы міндетті
      емес

элемент болып табылады және
ол тэгі арқылы беріледі.
Тізімнің құрамы жолдардан тұрады және
әрбір жол
  • тэгі арқылы беріледі.
  • Слайд 24

    Маркерленген тізім

    Слайд 26

    Үнсіз келісім бойынша маркерлер қара боялған дөңгелекше тәріздес болады, бірақ оның формасын өзгертуге

    болады. Ол үшін type атрибуты қолданылады.

    Слайд 27

    Мысалы, оның келесі мәндері бар:

  • Жаңалықтар - іші боялған шаршы
  • боялмаған дөңгелек

    Слайд 28

    Нөмірленген тізім

    Слайд 30

    type=1 - араб цифрларымен нөмірлеу

    type=А – латынның үлкен әріптерімен

    type=а – латынның кіші әріптерімен

    type=І

    – римнің цифрлерінің үлкен сандарымен

    type=і – римнің цифрлерінің кіші сандарымен

    Мысалы, нөмірленген тізімнің түрлері:

    Слайд 31

    КЕСТЕЛЕРДІ ҚҰРУ

    Слайд 32

    Құжатқа кесте қойған кезде әр кесте

    тэгі арқылы басталып

    жабу тэгі арқылы аяқталуы

    керек. Келесі тэгтер:
    TR – кестенің жеке жолын құру
    TD – кестенің жеке ұяшықтарын құру
    TH – кестенің тақырыптық ұяшығын құру
    CAPTION – кестенің атауын құруға
    арналған

    Слайд 33

    Мысалы:

    Слайд 35

    Кестенің жалпы параметрлері: (TABLE тэгіне қолданылатын атрибуттар)

    width – кестенің ені

    align – кестені

    терезеге қатысты туралау

    border – кестенің сыртқы шеркарасы

    bgcolor – кестенің фонының түсі

    bordercolor – шекарасының түсі

    Слайд 36

    Осы атрибуттарды кестенің ұяшығына, кестенің жолдарына да қолдана беруге болады Мысалы:

    bgcolor=“red”>

    Слайд 37

    Мысалы:

    Слайд 38

    Нәтижесі:

    Слайд 39

    Графика мен мультимедианы web - параққа қою

    Слайд 40

    Web-ке арналған графикалық файлдардың форматтары

    GIF (Graphics Interchange Format – алмасудың графикалық форматы), кеңейткіші-

    .gif

    JPEG (Joint Photographic Expert Group – фотосуреттер эксперттерінің біріккен тобы), кеңейткіші- .jpg және .jpeg

    PNG (Portable Network Graphics – тасымалданатын желілік графика), кеңейткіші- .png

    Слайд 41

    Кескінді параққа қою

    Оның ең қарапайым жолы
    тэгін қолдану

    Слайд 44

    Сурет арқылы аудио не видео файлға сілтеме жасау

    Слайд 45

    Мына суретке шертсе
    видео файл ойнатылады

    Слайд 46

    Келесі ойнатқыш терезесі шығады

    Слайд 47

    ФРЕЙМДЕРГЕ БӨЛУ

    Слайд 48

    Оның ең қарапайым жолы
    тэгінің орнына
    тэгін қолдану

    Слайд 49

    Ал фреймнің ішіндегілері
    тэгі арқылы
    анықталады

    Слайд 50

    Тік фреймдар

    src=“cyan.html”>

    Мысалы:

    Слайд 51


    cols – тік фреймдердің санын береді

    rows – көлденең фреймдер санын

    тэгіне қолданылатын

    атрибуттар

    Слайд 52

    Cуреттегідей үш
    тік фреймдерге бөледі

    Слайд 53

    Тік және көлденең
    фреймдердің бірге
    қолданылуына мысал:

    Слайд 54

    Фреймдар *,30%”>

    src=“lime.html”>

    Слайд 55

    Cуреттегідей тік және
    көлденең фреймдерге бөледі

    Слайд 56

    Мына
    суретке шертсеңіз
    осы парақты браузер
    арқылы көресіз

    Имя файла: Тэгтердің-атрибуттары.-Мәтінді.-Безендіру.pptx
    Количество просмотров: 54
    Количество скачиваний: 0