HTML - PowerPoint PPT Presentation

1 / 76
About This Presentation
Title:

HTML

Description:

meta http-equiv='content-type' content='text/html; charset=windows-1251' - ???? ... meta http-equiv='refresh' content='0;url=http:// ??? ??????, ??? ????? ?? ... – PowerPoint PPT presentation

Number of Views:88
Avg rating:3.0/5.0
Slides: 77
Provided by: Bob76
Category:
Tags: html | httpequiv

less

Transcript and Presenter's Notes

Title: HTML


1
HTML
  • ????????? ??
  • ????? ?????
  • ??????? ???????
  • ?????? ?????????

2
??????? ?? HTML
  • ?? ??????????? ?? Web, ???????? ?? ?????????? ?
    ???????? ?? ? ?????????? ???? ????????? Telnet,
    ????? ?????????? ?? ???? ?????????? ?????? ??
    ????????? ????????, ???? ?? ???? ?????
    ??????????? ???????? ???? ?? ?????? ? ?????????,
    ??????????? ????? ???????????? ??????. ??????? ??
    ? ? ????????? FTP - File Transfer Protocol - ????
    ????? ???? ?? ?? ?????????? ??????? ?? ????
    ???????? ? ??????? ?????? ?? ?????. ???????? ??
    World Wide Web ?? ????????? ? ???? ?? 80-??
    ?????? ?? ??????????? ??? ???????-???, ????? ??
    ?????? ?? ???????? ??? ????? ?? ?????? ??
    ?????????? ? ???????? ??- ????? ?? ????????????
    ??????????? ?? ?????? ?? ????????????? ??????? ?
    ??????. ????????? ?? ??????? ????? ? ????????? ??
    ???????? ?????????, ????? ?? ????? ?? ??
    ?????????? ???? ??????? ?? ????????? ??????????.
    ???? ?? ??????? ?????????????? ?? ????????? ????
    ?? ????????? ?? ???? ??? ?????????. ????? ?????
    ?? ??????? ? ?????? ??????? - ????????, ?????
    ????????? ?? ??????????? ?? ???? HTML-?????????
    ?? ???? ???????. ????????? ?? ? ???? ????????,
    ????? ??-????? ???????? ?????????? NetScape
    Communications ? ????? ?? ?????? ?????????
    ??????? NetScape Navigator.

??? ???????-???
3
?????????????? ?? HTML
  • HTML ???????????? ?? ??????? ? ? ???? ?? ??????
    ?????????????. ? ???? ?????? ?? ?????? ??
    ?????????, ?????? ???????????? ????????? ????????
    ?????? ?? HTML, ???????????? ? ??????????
    ???????? ? ??????? ???????? ??????. ????? ??
    ??????? ?? ??????????????? ?? ?????. ?? ???? ???
    ???? ????????? ????????????? World Wide Web
    Consortium (www.w3.org), ??? ????? ???? ??
    ???????? ?????? ??????????? ?? ????????? ?
    ????????? ?? HTML.

4
?????? ?? HTML
  • ???????????? ? ??????? ?????? ?? ????? ? HTML
    4.01. World Wide Web Consortium ?????????? ?
    ?????????? ????????? ?? HTML, ????? ????
    ?????????? XHTML - Extensible HiperText Markup
    Language. ??????????? ????? ????? ???????? ?????
    HTML ? XHTML, ?? ????? ???? ?????? ?? ?? ??????
    ????????
  • XHTML ?????? ???????????? ???????? ?? ?? ????????
    ? ????? ?????.
  • ? XHTML ?????????? ????????? ?? ????????? ??
    ?????? ??????? ?? ??????????? ?? ???????? .
  • XHTML ??????? ?????? ?????? ?? ???? ?????????
    ??????.
  • XHTML ??????? ?? ?????? ???????? ?? ?? ??????
    ????????.
  • ?????????? ? ??? ???? ?????? ?? HTML - ???? ?
    Dynamic HTML (DHTML).

5
??????
  • ?? ?? ????????? ??? ???????? ?? ?? ? ?????
    notepad(?????? ?? ?? ????????? ??
    http//notepad-plus.sourceforge.net/bg/site.htm)
  • ???-????? ?? ? ????? ?? ????????? ?? ??????, ??
    ???????? ????????? ? ?????????? html (??? htm
    ???? ????????).?? ???? ????? notepad ??
    ???????? ????????? ???????? ?? ???? ? ?? ?? ?
    ??-????? ?? ??????.
  • ?? ?? ?????????? ??? ?? ???????? ?????????? ??
    ??????? ? ?????? run(? notepad) ? ????????
    launch in firefox ??? launch in IE(???????? ?? ??
    ?? ???????? ??????? D)

6
??????????? ?? ??? ?? ??? ????????
  • ??????????? ?? ???? ?? ??? ???????? ????? ????
    ???????? ? ????? ????? ????? ??? ? ????????
    source ?? opera, view source ?? IE ??? ???????
    ??? ?? ?????????? ?? firefox
  • ??? IE ??? ?????????? ???? ??????????
    browser-?.???? ??? ?????? notepad ??? ?????????
    ?? view source (??? ??? ????????? notepad ????
    default html viewer ??? ????????????)
  • ???? ????? ?? ??????? ?? ???? ? ?? view ?????? ??
    ????? ?? browser-???

7
??????
  • ?????? ????? ????????? lt ? gt ?? ?????? ???. ?????
    ??????? ?? ???????? ????? ???????? ?? ???????.
    ????? ?? ???????? ???????? ?? 2 ???? - ???????? ?
    ?????????. ?????????? ??????? ?? ???????? ??
    ??????? ??????? ???????? ? ??????????? ?? ??
    ????????. ?????????? ??? ?? ????????? ??
    ????????? ???? ?? ??????? / ????? ????? ??
    ????????. ?? ??????? ?? ?????, ?? ???????? ??????
    ?? ??????, ??????? ? ????????.
  • HTML ????????? ??????? ?????? ? ???? lthtmlgt ?
    ???????? ????????? ? lt/htmlgt. lthtmlgt ????????
    ?????? ?? HTML ????????, ? lt/htmlgt ???? ?? HTML
    ????????. ?????????? ???????????? ?????? ?????? ?
    ltheadgt ? lt/headgt, ????? ???????? ???????? ?????.
    ? ??????? ?????????? ?? ??????? ?????????? ??
    ????? HTML ????????. ? ??????? ??? ????
    ?????????? ?? ????????? lttitlegt. ????? ??????????
    lttitlegt ? lt/titlegt ?? ??????? ????? ?? HTML
    ?????????. ?????? ?????? ???? ?????? ??????,
    ????????? ??????????? ?????? ????? ??? ??
    ?????????? ??  ????? ???-??????.????? ltbodygt ?
    lt/bodygt ?? ?????? ???????????? ?? ??????????.
  • lthtmlgt
  • ltheadgt
  • lttitlegtMy first pagelt/titlegt
  • lt/headgt
  • ltbodygt
  • lt/bodygt
  • lt/htmlgt

8
lthtmlgt
9
lt!DOCTYPEgt
  • ?? ?????? ????? html ???????? ??????? ? lthtmlgt.
  • ????? lthtmlgt ???? ?? ???? doctype-a
  • ???? ???? ?? ?????? ?? ???????? ????? ?????? ??
    HTML ? ?????????? ??? ????????? ?? html ?????????
    ? ????? ? ????? ??
  • ????????? ?? 3 ???? DTD(Document Type
    Declaration)strict, transitional ? frameset
  • Strict ??? ???? ?? ??????? ???????? ???????
  • Transitional??? ????????? ?? ?? ??????? ????????
  • Frameset?????? ?? ?????? ?????????? ? ?????????
    ?? frame-???
  • ?? ?? ?????? ????????? DTD ??????? ??
    http//www.w3.org/QA/2002/04/valid-dtd-list.html
  • ??????

    ?

10
  • lt!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http//www.w3.org/TR/html4/strict.dtd"gt
  • lthtmlgt
  • ltheadgt
  • lttitlegtdoctypelt/titlegt
  • lt/headgt
  • ltbodygt
  • lt/bodygt
  • lt/htmlgt

11
ltheadgt
12
lttitlegt
  • ? ???? ?? ??????? ?????????? ?? ??????????.?? ??
    ????? ? title bar-? ?? browser-? ??.
  • lthtmlgt
  • ltheadgt
  • lttitlegtMy first pagelt/titlegt
  • lt/headgt
  • ltbodygt
  • lt/bodygt
  • lt/htmlgt

13
meta ??????
  • ???? meta ???????? ????????? ??????(google,
    yahoo..) ?? ??????? ? ????????
  • ??? ??-??????? ?? ???
  • ltmeta http-equiv"content-type"
    content"text/html charsetwindows-1251"gt - ????
    ???? ???? ?? ????????? ???????? ?? ??????????
    ??ltmeta name"description" content"??????
    ???????? ?? ??????" /gt
  • ltmeta name"keywords" content"??? ?? ?????
    ??????? ????, ???????? ?????. ?? ??
  • ??????? ??? ??????? ???????? php,html,TUES,ludnitz
    a" /gt
  • ltmeta name"robots" content"??????? ?? ?????????
    ??????, ??? ?? ?????????? ?? ?? ?????????
    ?????????????? ? ?? ???????? all" /gt
  • ltmeta name"author" content"???????? ?? ?????
    ??? D" /gt
  • ltmeta http-equiv"refresh" content"0urlhttp//
    ??? ??????, ??? ????? ?? ?? ??????????"/gt

14
?????? ?? ?????? ??? css ??? js
  • ?? ?? ?? ???????? ??? ?????? css ????????
    ???????? ? head-?
  • ltlink hrefimeto_na_faila.css" rel"stylesheet"
    type"text/css"gt
  • ??? css ????????? ?? ?? ?????? ? ?????? ????? ?
    ????? ? ? html ?????????, ? ? ????? style
    ???????? ????? ltlink hrefstyle/imeto_na_faila.cs
    s" rel"stylesheet" type"text/css"gt
  • ??? ?????? ?? ?? ?????? ????? ????? ????? ltlink
    href../imeto_na_faila.css" rel"stylesheet"
    type"text/css"gt
  • ?? ?? ?? ???????? ??? ?????? javascript ????????
    ???????? ? head-?
  • ltlink hrefimeto_na_faila.js" reljavascript"
    type"text/javascript"gt

15
????????
  • ???? ? ????????
  • ?? ?? ?? ????????? ? ???, ??????????? ? Paint,
    ????????, ??????? ????? ???????? ? ? ????????
    ???? favicon.ico.???? ???? ? ????????? ? ???????
    ??? html ????????? ? ? ???? ? head ???????? ltlink
    rel"shortcut icon" href"favicon.ico"gt

16
lt/headgt
17
ltbodygt
18
???????
  • ????????? ? HTML ????? ?? ????? ????????????
    ??????? ?? ??? ??????
  • ???? ?????????? ?? ?? ????????? ???
  • ???? ???? ???
  • ???? ??? ? ???????????, 3-?????? ???????????????
    ?????, ????? ?? ???????? ? HTML, CSS ? ??. ??
    ??????????? ?? ???????.?? ?? ??????????? ????
    ??????????? ?? ????? ??????? ????? - ??????,
    ????? ? ??? (??? RGB (red, green,blue))
  • ??? ?? ????????? ????? ? ????????? ????????, ????
    ????? ?? ????????? ??? ???????? ???????? ????????
    R36G104B160.????????? ? ?? 1 ?? 255
  • ?? ?? ???? browser-? ?? ????????? ????? ??? ??
    ???????? ? ?????????????? ????? ?.?.
    R24G68BA0
  • ???????? ???? ?????????, ???????? ???? ??? ? ??
    ???????? ???? ????
  • 2468A0

19
  • ?????? ?? ????????? ???
  • ???????.
  • ???? ????????, ??
  • ?????? ????? ?????????
  • ?????????? ?? ??
  • ?????? ?????????
  • ??????, ??????? ??
  • ?? ??????????? ?

20
???????
  • ???????????? ?? ?????????? ?? ?????, ? HTML ?????
    ?? ????? ???????? ???????? ???????(???? ??
    ???????? ? ???????? ? ???????? ???)

21
????? ?????????
  • HTML ?? ????? ??????? ????? ???? ltpgt?????
    ???lt/pgt ?
  • ltpgt????? ???lt/pgt
  • ??????? ?????? ?? ?? ?????? ? ???? ????????.??
    ???? ?? ?????? ??????? nbsp -
  • ltpgt ????? nbsp nbsp nbsp nbsp nbsp
    nbsp ???lt/pgt
  • lthtmlgt
  • ltheadgt
  • lttitlegt????????lt/titlegt
  • lt/headgt
  • ltbody bgcolor"black"gt
  • ltp style"colorwhite"gt????? ???lt/pgt
  • ltp style"colorwhite"gt?????
    ???lt/pgt
  • ltp style"colorwhite"gt????? nbspnbspnbspn
    bspnbspnbspnbsp ???lt/pgt
  • lt/bodygt
  • lt/htmlgt


  • click ?




22
(No Transcript)
23
bgcolor part ?????
  • ???? ???? ??????? ???? ?? ???????? ????? ???? ??
    ltbodygt ??? lttablegt
  • lthtmlgt
  • ltheadgt
  • lttitlegt???lt/titlegt
  • lt/headgt
  • ltbody bgcolor"000000"gt
  • lt/bodygt
  • lt/htmlgt
  • ???
  • lthtmlgt
  • ltheadgt
  • lttitlegt???lt/titlegt
  • lt/headgt
  • ltbody bgcolor"black"gt
  • lt/bodygt
  • lt/htmlgt

24
bgcolor part ?????
  • ???? ?? ???????? ? ????????
  • lthtmlgt
  • ltheadgt
  • lttitlegt???lt/titlegt
  • lt/headgt
  • ltbody background"http//www.wowarmory.com/images/
    theme/wrath/bg.jpg"gt
  • lt/bodygt
  • lt/htmlgt
  • ??????? ?? ???? ?? ???????? ??????? ?? ?????????
    ??
  • lthtmlgt
  • ltheadgt
  • lttitlegt???lt/titlegt
  • lt/headgt
  • ltbody backgroundkartinka.jpg"gt
  • lt/bodygt
  • lt/htmlgt

25
(No Transcript)
26
ltfontgt
  • ?? ????????? ???? ???? ??????? ??? ?? ????
    ????????? ?? ?????????? ?????? ?? html,??????
    ????????? ?? css(??? ?? ???????-http//www.w3scho
    ols.com/html/html_styles.asp ??? Deprecated Tags
    and Attributes)
  • ?? ???? ???? ?? ?????????? ?? ????.???????
    ???????? slide-? ?? ???????? style.
  • ???? ??? slide-a ??? style

27
?????????
  • ?? ?????? ?? ????????? ?? ???????? ????? lt!-- ?
    ?? ??????? ? --gt. ?????????? ???? ?? ????
    ??????????.
  • lthtmlgt
  • ltheadgt
  • lttitlegt????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • lt!--
  • ????????? ????? ????????
  • --gt
  • lt/bodygt
  • lt/htmlgt

28
ltpgt
  • ???? ???? ??? ?? ?????????? ???????? ? HTML
    ?????????.
  • lthtmlgt
  • ltheadgt
  • lttitlegt????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltpgt???? ? ????????lt/pgt
  • lt/bodygt
  • lt/htmlgt

29
ltbgt
  • ???? ??? ????????? ??????, ???????? ????? ????.
  • lthtmlgt
  • ltheadgt
  • lttitlegtboldlt/titlegt
  • lt/headgt
  • ltbodygt
  • ltpgtltbgt???? ????? ? ????????lt/bgtlt/pgt
  • lt/bodygt
  • lt/htmlgt

30
ltigt
  • ???? ??? ????? ?????? Italic.
  • lthtmlgt
  • ltheadgt
  • lttitlegtItaliclt/titlegt
  • lt/headgt
  • ltbodygt
  • ltpgtltigt???? ????? ? Italiclt/igtlt/pgt
  • lt/bodygt
  • lt/htmlgt

31
ltugt
  • ???? ??? ?????????? ??????, ???????? ????? ????.
  • lthtmlgt
  • ltheadgt
  • lttitlegtboldlt/titlegt
  • lt/headgt
  • ltbodygt
  • ltpgtltugt???? ????? ? ?????????lt/ugtlt/pgt
  • lt/bodygt
  • lt/htmlgt

32
ltdelgt
  • ????????? ??????.
  • lthtmlgt
  • ltheadgt
  • lttitlegt???????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltdelgt???? ????? ? ?????????lt/delgt
  • lt/bodygt
  • lt/htmlgt

33
ltbrgt
  • ???? ??? ?? ???????? ?? ??????????? ?? ???
    ???.??? ???? ???? ???????? ???, ?????? ???
    ?????????? ?????????? ?? ?? xhtml ?? ??????????
    ???? ltbr /gt
  • lthtmlgt
  • ltheadgt
  • lttitlegt??? ???lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltpgtltbgt???? ????? ? ????????lt/bgtlt/pgt
  • ltbrgt
  • lt/bodygt
  • lt/htmlgt

34
lth1gt
  • ???? ??? ????????? ?????? ?? h6- h1.
  • ???????? ?? ???????? ?? lttitlegt.
  • lthtmlgt
  • ltheadgt
  • lttitlegtlth1gt????????lt/h1gtlt/titlegt
  • lt/headgt
  • ltbodygt
  • lth1gt????????lt/h1gt
  • lth2gt????????lt/h2gt
  • lth3gt????????lt/h3gt
  • lth4gt????????lt/h4gt
  • lth5gt????????lt/h5gt
  • lth6gt????????lt/h6gt
  • lt/bodygt
  • lt/htmlgt

35
lthrgt
  • ?????????? ??????????(?????).??? ???? ??? ????
    ???????? , ??
  • ???? ??? ?????????? ?????????? ?? ??
    xhtml ?? ?????????? ???? lthr /gt
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltpgtltbgt???? ????? ? ????????lt/bgtlt/pgt
  • lthrgt
  • lt/bodygt
  • lt/htmlgt

36
???????
37
ltulgt
  • ?????????? ??????????? ???????.???? ????????, ??
    ????? ????? ??????? ???? ???? ? ????
    ????????(???????, ????). ? ????? ltligt ??
    ??????????? ?????????? ?? ???????.?? default
    ????? ????? ??????? ?? ????????????? ??????? ??
    ?????????? ????? ????.??? ?????? ?? ?? ?????????
    ???????? ltul type?????gtltligt???????lt/ligtlt/ulgt
  • ????? ???? ?? ? disc, circle ??? square
  • lthtmlgt
  • ltheadgt
  • lttitlegt ??????????? ??????? lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltul type"square"gt
  • ltligtednolt/ligt
  • ltligtdvelt/ligt
  • lt/ulgt
  • lt/bodygt
  • lt/htmlgt

38
ltolgt
  • ?????????? ????????? ???????.???? ????????, ??
    ????? ????? ??????? ????? ???????? ???????.?
    ????? ltligt ?? ??????????? ?????????? ??
    ???????.?? default ????? ????? ??????? ??
    ??????????? ??????? ?? ??????????? ??????? ?? 1
    ?? ?????????? ???? ????????.??? ?????? ?? ??
    ????????? ???????? ltol type?????gtltligtlt/ligtlt/olgt
  • ????? ??? ?? ???????? ???? ?? ?????? ??????
    ??????? ???????? 1 ??? type.????? ?????????? ??
    ?? ??????? 1 , 2 , 3 ? ??.
  • ????? ?????? A, I(?????? ?????), a, i,
  • lthtmlgt
  • ltheadgt
  • lttitlegt ????????? ??????? lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltol type"A"gt
  • ltligtednolt/ligt
  • ltligtdvelt/ligt
  • lt/?lgt
  • lt/bodygt
  • lt/htmlgt

39
???? ???????? ??? ?? ????????? ? ??? ??
??????????? ???????
40
???? ???? first
  • ???? ????? ????? ?? ?? ?????????? ?? ?????
    ????????.
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????lt/titlegt
  • lt/headgt
  • ltbodygt
  • lta href"http//elsys-bg.org" title"opisanie na
    linka.poiaviava se kogato kursora e vurhu
    nego"gt????lt/agt
  • lt/bodygt
  • lt/htmlgt

41
???? ???? second
  • ?? ??????????? ? ???????? ?? ?????????
  • lthtmlgt
  • ltheadgt
  • lttitlegt???????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • lta name"vrustane"gt??????lt/agt
  • Lorem Ipsum is simply dummy text of the printing
    and typesetting industry. Lorem Ipsum has been
    the industry's standard dummy text ever since the
    1500s, when an unknown printer took a galley of
    type and scrambled it to make a type specimen
    book. It has survived not only five centuries,
    but also the leap into electronic typesetting,
    remaining essentially unchanged. It was
    popularised in the 1960s with the release of
    Letraset sheets containing Lorem Ipsum passages,
    and more recently with desktopublishing software
    like Aldus
  • lta href"vrustane"gt??????? ??lt/agt
  • lt/bodygt
  • lt/htmlgt

42
???? ???? third
  • ??? ?????? ?? ?? ???????? ??? ???? HTML ????????
    ??? ?????? ????? ????????
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????lt/titlegt
  • lt/headgt
  • ltbodygt
  • lta href"index.html" title"?????????
    ????????"gt??????? ?? ? ????????lt/agt
  • lt/bodygt
  • lt/htmlgt
  • ?? ?????????? ?? ???????? ../ ??? indexa ?? ?
    ????? ?????
  • lta href"../index.html" title"?????????
    ????????"gt??????? ?? ? ????????lt/agt

43
???? ???? fourth
  • ??? ?????? ?? ????????? ???? ??? mail-? ??(??????
    ???????? ?? ?? ?????? ???-???????? microsoft
    outlook ??? ????? ??????? ???????? ? ??? ?? ???
    ????????? ??????????? ???? ???? ?? ?
    ??????????.?? ???? ???????? ????? ?? mail)
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????lt/titlegt
  • lt/headgt
  • ltbodygt
  • lta href"mailtotosh_mosh_at_abv.bg"gttosh_mosh_at_abv.bg
    lt/agt
  • lt/bodygt
  • lt/htmlgt

44
???? part ????????
  • ??? ?????? ????? ?????, ????? ??????? ?? ??
    ?????? ? ??? ????????, ? ?? ?? ?? ??????? ????? ?
    ?? ?? ?????? ??????
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????lt/titlegt
  • lt/headgt
  • ltbodygt
  • lta href"http//www.blizzard.com"
    title"blizzard.com" target"_blank"
    gtblizzard.comlt/agt
  • lt/bodygt
  • lt/htmlgt

45
ltimggt ????
  • ? HTML ?? ????????? 3 ??????? ?? ???????????
  • gif - ???????? ???????? ?? ????????, ?????????? ?
    ???????, ????? ?? ?? ? ??????? ?????? ???????? -
    ????? ?? ????? ?????????- ????? ?? ?????
    ?????????
  • jpeg ??? jpg - (????????? jpg, ?????? ?????? ?
    HTML ?????????) ???????? ?? ???????? ??
    ???????????????? ??????. jpg ????? ?? ???? ??
    ???? ????????, ???? ?? ??????? ?????????
    ????????.
  • png - ??????? ? ???? ?? ???-??????? ?? gif ? jpg
    ?????????, ?? ???? browser ??? ??????? ?
    ???????????? ??(?????? ?? ?? ???? ??? ???)

46
ltimggt 1?? ????
  • ??????? ????????. ??? ?????????? ?????????? ?? ??
    xhtml ????????? ltimg /gt
  • lthtmlgt
  • ltheadgt
  • lttitlegtimglt/titlegt
  • lt/headgt
  • ltbodygt
  • ltimg src"http//zamunda.net/index.php/../faviconn
    ew.ico" alt"opisanie na kartinkata"gt
  • lt/bodygt
  • lt/htmlgt

47
ltimggt 2?? ????
  • ???? ?? ??????? ???????? ? ?????????? ??
    ????????
  • lthtmlgt
  • ltheadgt
  • lttitlegtimglt/titlegt
  • lt/headgt
  • ltbodygt
  • ltimg src"http//zamunda.net/index.php/../faviconn
    ew.ico" alt"opisanie na kartinkata width"30px"
    height"50px" gt
  • lt/bodygt
  • lt/htmlgt

48
ltimggt 3?? ????
  • ???????? ???? ????. ??????? ???? img ????? ??????
    ?? ????
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????lt/titlegt
  • lt/headgt
  • ltbodygt
  • lta href"http//zamunda.net/index.php/../faviconne
    w.ico"gt
  • ltimg src"http//zamunda.net/index.php/../favicon
    new.ico" alt"opisanie na kartinkata"
  • width"30px" height"50px" gt
  • lt/agt
  • lt/bodygt
  • lt/htmlgt

49
ltimggt 4?? ????
  • ?????? ?? ????????? ?? ??????
  • lthtmlgt
  • ltheadgt
  • lttitlegtimglt/titlegt
  • lt/headgt
  • ltbodygt
  • ltimg src"http//zamunda.net/index.php/../faviconn
    ew.ico" alt"opisanie na kartinkata" width"30px"
    height"50px" border"0" gt
  • lt/bodygt
  • lt/htmlgt

50
ltimggt ???????? ????
  • ???? ?? ????????????? ?????????? ???? ????????
    ???????? align
  • ???? ?? ?? ???????? ???????? left, right, middle,
    top, bottom
  • lthtmlgt
  • ltheadgt
  • lttitlegtimglt/titlegt
  • lt/headgt
  • ltbodygt
  • ltimg src"http//zamunda.net/index.php/../faviconn
    ew.ico" alt"opisanie na kartinkata" width"30px"
    height"50px" border"0" align"left"gtlt/bodygt
  • lt/htmlgt

51
????? CSS
52
Style
  • ???? ?? ?????????? style, ?? ?? ???????????
    ????????. ? style ?? ???????? css, ?? ????
    ??-??????? ?? ????? ????? css ??????
  • lthtmlgt
  • ltheadgt
  • lttitlegtstylelt/titlegt
  • lt/headgt
  • ltbodygt
  • ltp style"colorredfont-size50pxbackground-colo
    ryellow"gt??? ? ????? lt/pgt
  • lt/bodygt
  • lt/htmlgt
  • ????? ?? ??? font

53
ltspangt
  • ltspangt ?? ???????? ?? ??????????? ?? ????? ??
    ?????.??????????? ? ???????? style ????? ????
    ????? ?????.????????? ?? ?????? ???????? ?????
    ltspangt ? lt/spangt
  • lthtmlgt
  • ltheadgt
  • lttitlegtspanlt/titlegt
  • lt/headgt
  • ltbodygt
  • ltspan style"font-size30pxcolorred"gtLorem
    ipsum dolor sit amet, consectetur adipiscing
    elit.lt/spangt Praesent in nisi id nibh posuere
    tristique. Fusce ac arcu nec augue adipiscing
    tincidunt. ltspan style"font-size15pxcolorblue
    "gtCurabitur nec magna. Aliquam mi mi, eleifend
    vel, luctus in, mattis at, neque. Morbi rutrum.
    Mauris lacus sem, interdum id, rutrum vitae,
    mattis vel, massa. lt/spangtDonec pharetra neque
    non justo. Nullam eleifend dolor tristique sem.
    Cras fringilla condimentum nulla. Integer ut
    lorem.
  • lt/bodygt
  • lt/htmlgt

54
ltdivgt
  • ltdivgt ? ????? ????? ???????? ?? ?????????????
    ????????? ? ??????????? ?? ???????? ?? html
    ?????????
  • ????? ?? ??????? ????? ????? ????? ???? ?????????
    ? ????? ??????.????? ?? ??????????? ??????????
    ????????? ????? div-? ?????? ?? ?????? ??
    ??????????.
  • lthtmlgt
  • ltheadgt
  • lttitlegtdivlt/titlegt
  • lt/headgt
  • ltbodygt
  • ltdiv style"bgcoloryellowcolorbluemargin-top3
    00margin-left30px"gt
  • Lorem ipsum dolor sit amet, consectetur
    adipiscing elit.
  • lt/divgt
  • ltdiv style"bgcoloryellowcolorbluemargin-top-
    30margin-left400px"gt
  • Curabitur nec magna. Aliquam mi mi, eleifend vel,
    luctus in
  • lt/divgt
  • lt/bodygt
  • lt/htmlgt

55
CSS ??????, ????? ???? ?? ???????? ? style
  • colorred (???? ?? ??
    ???????? ???? ??? ? ???? ???)
  • font-familyarial (??????)
  • font-styleitalic (???? ?? ? ?
    bold ??? normal)
  • font-variantall-caps
  • font-size15px (?????? ??
    ??????)
  • backgroundwhite
  • background-imageurl() (????? ???????
    ???????? ???? ?? ??????????)
  • height100px (???????? ??
    ??????)
  • width100px (??????? ??
    ??????)
  • margin-top100px (?????? ?? ??????
    ?? ??????? ???? ?? browser-? ? 100px)
  • margin-left100px (?????? ?? ??????
    ?? ?????? ???? ?? browser-? ? 100px)
  • ???????? ??????? ?? ??????? ????? ? browser-a ??,
    ?? ?? ?????? ??? ??????? margin-top ? margin-left

56
???????
57
???????
  • ????????? ??????? ? ????? lttablegt ? ???????? ?
    lt/tablegt.?? ?? ?? ?????? ??????????? ?? ?????????
    ?????? ?? ???????? lttable border???????
    ???????? ??-?????? ??? ????? ?? 1gt. ?????
    ??????? ?? ?????? ?? ?????? ? ??????.???????? ??
    ???????? ???? lttrgt(?????????? ?? table row),
    ????????? ?????? ?? ???????? ???? ????????
    lttdgtniakakvo sudurjanielt/tdgt ????? lttrgt ? lt/trgt.
  • lttablegt ???? ?? ?????? ?????????? bgcolor, color,
    align, border, bordercolor, width, height,
    cellspacing I cellpadding
  • ??? ?????? ? ?????? ???? ????

58
  • lthtmlgt
  • ltheadgt
  • lttitlegt???????lt/titlegt
  • lt/headgt
  • ltbodygt
  • lttable bgcolor"yellow" color"blue" align"left"
    border"2" width"400" height"500"
    cellspacing"30" cellpadding"10" gt
  • lttrgt
  • lttdgt??? ??? ???lt/tdgt
  • lttdgt??? ??? ???lt/tdgt
  • lt/trgt
  • lttrgt
  • lttdgt??? ??? ???lt/tdgt
  • lttdgt??? ??? ???lt/tdgt
  • lt/trgt
  • lttrgt
  • lttdgt??? ??? ???lt/tdgt
  • lttdgt??? ??? ???lt/tdgt
  • lt/trgt
  • lt/tablegt

59
(No Transcript)
60
lt?????????gt
61
text
  • ????? ???????? ??????? ? ???? ltformgt.? ???? ??
    ?????????? ??????????.
  • Size50-?????????? ????????? ?? ??????
  • Maxlength20-?????????? ??????????? ????
    ???????, ????? ????? ?? ????? ????????
  • Value -??????? ????? ? ??????
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltform action"link kum survura, koito obrabotva
    informatziata" method"get"gt
  • ltinput type"text" name"text" size"50"
    maxlength"20" value" "gt
  • lt/formgt
  • lt/bodygt
  • lt/htmlgt

62
password
  • ???? ????? ?? ???? ?? input ????? ?? ????????
    ???? ?? ??????
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltform action"link kum survura, koito obrabotva
    informatziata" method"get"gt
  • ltinput type"password" name"text" size"50"
    maxlength"20" value" "gt
  • lt/formgt
  • lt/bodygt
  • lt/htmlgt

63
radio
  • ???? ????? ?? ???? ?? input ????? ?? ????????
    ??????????? ?? ?? ?? ???????? ?????
  • lthtmlgt
  • ltheadgt
  • lttitlegtbla blalt/titlegt
  • lt/headgt
  • ltbodygt
  • ltform action"link kum survura, koito obrabotva
    informatziata methodget"gt
  • ???? ???? ???????
  • ltbr /gt
  • ltinput type"radio" name" " value"???? ??? "gt
    ???? ???
  • ltbr /gt
  • ltinput type"radio" name" " value"???? ??? "gt
    ???? ???
  • ltbr /gt
  • lt/formgt
  • lt/bodygt
  • lt/htmlgt

64
checkbox
  • ???? ????? ?? ???? ?? input ????? ?? ????????
    ?????? ?? ?????????? ?????
  • lthtmlgt
  • ltheadgt
  • lttitlegtbla blalt/titlegt
  • lt/headgt
  • ltbodygt
  • ltform action"link kum survura, koito obrabotva
    informatziata methodget"gt
  • ???? ???? ???????
  • ltbr /gt
  • ltinput type"checkbox" name" " value"???? ???
    "gt ???? ???
  • ltbr /gt
  • ltinput type"checkbox" name" " value"???? ???
    "gt ???? ???
  • ltbr /gt
  • lt/formgt
  • lt/bodygt
  • lt/htmlgt

65
?????? ????
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltformgt
  • ???? ??? ???????
  • ltselect name"selected" size"1"gt
  • ltoption value"1930"gt2008lt/optiongt
  • ltoption value"1940"gt1930lt/optiongt
  • ltoption value"1950"gt1000lt/optiongt
  • ltoption value"1960"gt3400lt/optiongt
  • ltoption value"1970"gt?? ????lt/optiongt
  • lt/selectgt
  • lt/formgt
  • lt/bodygt
  • lt/htmlgt

66
textarea
  • ???? ?? ????????? ????, ? ????? ?? ?????????
    ??-????? ?????
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltformgt
  • ???????? ?????? ??????????
  • ltbr /gt
  • lttextarea name"textarea" rows"10"
    cols"10"gt???lt/textareagt
  • lt/formgt
  • lt/bodygt
  • lt/htmlgt

67
????? ?? upload
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltformgt
  • ??????????? ???? ?? ?????? ?? ???????? ltinput
    type"file" size10" name"UploadFile" /gt
  • lt/formgt
  • lt/bodygt
  • lt/htmlgt

68
submit
  • ??? ?????? submit ??????????, ????? ??????? ??
    ???? ?? ????????? ?? ?????????? ? ??? ???? ??
    ????????? ???????.
  • ???? ?????? submit ???????????? ???????? ???
    ????????? ?? ??????? ?? ?????????? ? ?????????
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltformgt
  • ???? ??? ???????
  • ltselect name"selected" size"1"gt
  • ltoption value"1930"gt2008lt/optiongt
  • ltoption value"1940"gt1930lt/optiongt
  • ltoption value"1950"gt1000lt/optiongt
  • ltoption value"1960"gt3400lt/optiongt
  • ltoption value"1970"gt?? ????lt/optiongt
  • lt/selectgt
  • ltinput type"submit" value"???????"gt
  • lt/formgt

69
reset
  • ???? ?????? reset ???????????? ???????? ???
    ????????? ?? ????????
  • lthtmlgt
  • ltheadgt
  • lttitlegt?????????lt/titlegt
  • lt/headgt
  • ltbodygt
  • ltformgt
  • ltinput type"text" name"text" size"50"
    maxlength"20" value" "gt
  • ltinput type"submit" value"???????"gt
  • ltinput type"reset" value"reset"gt
  • lt/formgt
  • lt/bodygt
  • lt/htmlgt

70
????????? ?? ?????????
  • ???? ?? ???????? ?? ????????? ?? ????????? ? ????
    ?????????? ?? CGI-?????? ?? ????????? ??
    ?????????.
  • CGI ???????? Common Gateway Interface.
    CGI-???????? ???????????? ????????, ???????? ??
    ????? ?? ??????????? ????? - ???-????? ?? C, C
    ??? Perl. ?? ??? ?? ?????? ?? ???????? ?????????
    ? ?? ????? ?? ???????? action ?? ???????? ???
    form ?? ?????? ???? ???????? ?????? ????? ?
    ????????, ?????? ?? ?????? CGI-????????. ????? ?
    CGI-??????? ?? ?? ?????? ?? ????? ??????, ??????
    ? "?????" /???????/ ?????? ????. ??????????
    ????????? ????? ?????????? ??????? ??
    CGI-????????? ??????? ????????? ?? ???
    ??????????, ????? ????? ?????? ???? ??????????
    cgi-bin.?????? CGI-????????? ?????????????
    ??????? ? ?????????? cgi.
  • ????? ?????????, ????? ?? ??????? ?? PHP ? ASP
    ?????????

71
frames
  • ?? ????? ? ???? ??????????? ?? ?????? ?? frames,
    ?????? ?? ?????? ?? ????????? ? ????????? ??
    ????? ????? ??-????? ?? ????? ????? ?? CSS ???
    Adobe Flash(???? ??????? ???????????????)

72
????????? ?? ????????? ? ????? ???????
  • lthtmlgt
  • ltheadgt
  • lttitlegtaudiolt/titlegt
  • lt/headgt
  • ltbodygt
  • lt
  • embed type"audio/mpeg"
  • src"http//store1.data.bg/hhunter/ATB/ATB20-20T
    rilogie20Part202.mp3" loop"true"
  • autostart"true"
  • width"1000px"
  • height"40px"
  • /gt
  • lt/bodygt
  • lt/htmlgt

73
??? ?? ?? ???? ?????? ? ????
  • ???? ?? ?????? ?? ?? ?????? ? hit.bg.??? ?????
    ?????
  • ????? - ????????????? ??
  • ????? - ??????? ???? ? ???? ?? ???(???? ???? ???
    ?? log-????)
  • ????? - ??????? ???? ? ?????? ?? ????-?????
  • ???????? - ??????? ??
  • ???? - ???? ??? ?????????? ? ?????? ??? ??????
    ????????? ?? ??? ????
  • ????? - ????????? ???????? ? ?????? ????
  • ????? - ???????? ?? ?????? ???????? ??? ????? ??
    ?????? ??
  • ???? - ?? ?? ? ??????? ?????? ?? ??????? ?? html
    ???????? ?????? ?? ?? ????? index.html
  • ?????? - upload-???? ??????? ???? ?????????
  • ?????? - ???????? ?? ?????
  • ???? ?!

74
?????????? ?? ??????????
  • ???? ???????? ?? ????????? ?????????? ?? ???????
    ?????? ??????????? ?? W3 ???????????
  • ?? ?? ?? ?????????, ????? ?????? ?? ?? ???????
    doctype.??? ??? ????????? ????? ? ???? click
  • ????? ??????? ?? Opera(??? ??? ??? ? ??????)
  • ? ????? ?????? ????????(???????? ? Opera ???????
    ??) ????????? ????? ????? ? ???????? validate
  • ??? ?? ?????? ????? ?????? ??? ????????? ? ????
    ?? ?? ?? ??????????.
  • ???? ???? ????????? ?????????? ?? ??????? ????
    ????? ?? ?? ??????? ???????? ????????? ???? D

75
?????????? ????????
  • http//htmllessons.hit.bg/
  • http//uroci.net/
  • http//www4u.search.bg/
  • http//www.w3schools.com/
  • http//videotutorials-bg.com
  • http//www.worldofwarcraft.com/index.xml

76
lt/htmlgt
Write a Comment
User Comments (0)
About PowerShow.com