osnovihtmlicssspiski i tablitsi

PPTX 64 стр. 1,9 МБ Бесплатная загрузка

Предварительный просмотр (5 стр.)

Прокрутите вниз 👇
1 / 64
gibridnaya sreda vizualizatsii elektricheskoy aktivnosti serdtsa osnovi html i css spiski i tablitsi spiski i tablitsi: strukturirovanie informatsii na web-stranitse pri pomoshi spiskov. tipi spiskov tablitsa i ee elementi pravila zadaniya razmerov dlya tablitsi i ee yacheek. ob'edinenie yacheek. tipichnie oshibki pri rabote s tablitsami ispolzovanie tablits. maketirovanie web-stranitsi s pomoshyu tablits ispolzovanie vlojennix tablits priemi ispolzovaniya tablits na web-stranitse 2 markirovanniy spisok (unordered list) perviy element vtoroy element ... posledniy element tip markerov nachalniy teg vid markera na ekrane disk okrujnost disk kvadrat numerovanniy spisok (ordered list) perviy element vtoroy element ... posledniy element tipi numeratsii nachalniy teg vid nomera na ekrane numeratsiya vipolnyaetsya arabskimi tsiframi (1, 2, 3,...) numeratsiya vipolnyaetsya arabskimi tsiframi (1, 2, 3,...) numeratsiya vipolnyaetsya propisnimi bukvami (a, b, c,...) numeratsiya vipolnyaetsya strochnimi bukvami (a, b, c,...) numeratsiya vipolnyaetsya bolshimi rimskimi tsiframi (i, ii, iii,...) numeratsiya vipolnyaetsya malimi rimskimi tsiframi (i, ii, iii,...) chto poluchitsya? s …
2 / 64
roka 3 stroka 4, levaya yacheyka stroka 4, pravaya yacheyka sozdaem zagolovok tablitsi zagolovok tablitsi ... atributi zagolovka: align = top|bottom|left|right valign = top|bottom sxema otstupov i ob'edineniya yacheek border cellspacing width cellpadding colspan rowspan ... ... ... ... laboratornaya rabota ispolzovanie colspan i rowspan 1 3 4 5 sozdayte fayl tables.html sozdayte chetire tablitsi izobrajennie nije. 1 1 3 4 6 1 2 3 5 1 2 5 6 tablitsi, vlojennie drug v druga vlojennie tablitsi stroki ob'edineni stroka i, yacheyka a stroka i, yacheyka b stroka ii, yacheyka a stroka ii, yacheyka b stroka iii, yacheyka a stroka iii, yacheyka b obichnaya yacheyka, stroka 3 vlojennaya tablitsa vsego 2 stroki stroka 4, pravaya yacheyka gruppiruem tablitsu po blokam (html 4.0) ... ... ... ... ... ... mojet bit mnogo tbody blokov. no vse razdeli doljni soderjat odinakovoe kolichestvo stolbtsov gruppiruem tablitsu po kolonkam ... atributi colgroup: align = …
3 / 64
stiley v dokumente html: svyazivanie(linking)- vneshnie tablitsi stiley vlojenie(embeding) - informatsiya o stile v zagolovke: element style vstraivanie(inline)- atribut style color:red; background:#cccccc svoystvo property znachenie value deklaratsiya declaration vstroennaya informatsiya o stile (inline) style="color:red; background:#cccccc" atribut style opredelyaet informatsiyu o stile odnogo elementa obichniy tekst k etomu abzatsu primenen stil. vstroennaya informatsiya o stile. atribut tega deklaratsiya deklaratsiya informatsiya o stile v zagolovke: element style - metod vlojeniya (embeding) p { color:red; background:#cccccc } zdes primenen stil metodom vlojeniya. drugoy abzats. selektor selector pravilo rule metod svyazivaniya (linking) - vneshnie tablitsi stiley p { color:red; background:#cccccc } ... style.css index.html second.html kaskadirovanie div{color:green} ... primenen svyazanniy stil primenen vlojenniy stil primenen vstroenniy stil p{color:red} div{color:red} kaskadirovanie div{color:green} ... primenen svyazanniy stil primenen vlojenniy stil primenen vstroenniy stil p{color:red} div{color:red} edinitsi izmereniya razmerov em - ems, visota ispolzuemogo elementom shrifta ex - x-height, shirina bukvi "x" ispoluemogo elementom shrifta px - …
4 / 64
bichniy div div s klassom green abzats s klassom green abzats s klassom blue div s klassom blue h3 s klassom blue drugie selektori #back{color:red} div#back{color:black} div b{color:green} td td td{color:blue} div s id = back div s kontekstnim selektorom tretiy uroven vlojennosti id kontekstnie selektori element + id i eshe o selektorax sosednie selektori b + i { color:red } dochernie selektori div > p { color:red } selektor atributa p[align="right"] { color:green } universalniy selektor *{color:black} gruppirovka selektorov h1{ color:red; background:yellow } h2{ color:blue; background:yellow } h3{ color:green; background:yellow } h1,h2,h3{ background:yellow } h1{ color:red; } h2{ color:blue; } h3{ color:green; } psevdoklassi i psevdoelementi :link :visited :active :hover :focus :first-child a:link{color:blue} a:visited{color:blue} a:active{color:red} a:hover{color:green} input:focus{color:red} p:first-child{color:blue} :first-line :first-letter :after :before p:first-line{color:red} p:first-letter{color:green} p:after{content:”new”} p:before{content:”att. ”} li::before { content: "¶ "; /* dobavlyaem jelaemiy simvol pered elementom spiska */ } li { list-style: none; /* ubiraem isxodnie markeri …
5 / 64
ont-family poryadok vajen. mojno vse opustit, krome font-size i font-family. font:bold 10px arial !important; oformlenie tekstovix elementov text-align: left|right|center|justify text-align:right; text-decoration: none|overline(|)underline(|)line-through text-decoration:underline; text-indent: velichina|% text-indent:10px; text-transform: none|capitalize|uppercase|lowercase text-transform:uppercase; oformlenie spiskov list-style-type: none|circle|disc|square|decimal|lower-alpha|upper-alpha|lower-roman|upper-roman list-style-type:square; list-style-position: outside|inside list-style-position:inside; list-style: list-style-type list-style-position list-style-image list-style:decimal inside; list-style-image: none|url list-style-image:url("ball.gif"); otstupi i ramki soderjimoe elementa top bottom left right margin border padding otstupi snaruji margin-top: auto|velichina|% margin-right: auto|velichina|% margin-bottom: auto|velichina|% margin-left: auto|velichina|% margin: margin-top margin-right margin-bottom margin-left margin:10px 20px 20px 30px; margin:15px; margin-left: 10px; margin-right: 5px; otstupi iznutri padding-top: velichina|% padding-right: velichina|% padding-bottom: velichina|% padding-left: velichina|% padding: padding-top padding-right padding-bottom padding-left padding:10px 20px 20px 30px; padding:15px; ramki border-width: velichina|%|(thin|medium|thick) border-color: tsvet border-style: none|dotted|dashed|solid|double|groove|ridge|inset| outset border-top-(width|color|style) border-right-(width|color|style) border-bottom-(width|color|style) border-left-(width|color|style) border: border-width border-style border-color border: 1px solid black; border-left: 3px solid black; border-right: 1px dotted #ccc; vizualnie svoystva visibility: hidden|visible|inherit visibility:hidden; display: none|block|inline|list-item display:block; overflow: auto|scroll|visible|hidden overflow:auto; clip: auto|rect(top right bottom left) clip:rect(10px 20px 30px 10px); …

Хотите читать дальше?

Скачайте все 64 страниц бесплатно через Telegram.

Скачать полный файл

О "osnovihtmlicssspiski i tablitsi"

gibridnaya sreda vizualizatsii elektricheskoy aktivnosti serdtsa osnovi html i css spiski i tablitsi spiski i tablitsi: strukturirovanie informatsii na web-stranitse pri pomoshi spiskov. tipi spiskov tablitsa i ee elementi pravila zadaniya razmerov dlya tablitsi i ee yacheek. ob'edinenie yacheek. tipichnie oshibki pri rabote s tablitsami ispolzovanie tablits. maketirovanie web-stranitsi s pomoshyu tablits ispolzovanie vlojennix tablits priemi ispolzovaniya tablits na web-stranitse 2 markirovanniy spisok (unordered list) perviy element vtoroy element ... posledniy element tip markerov nachalniy teg vid markera na ekrane disk okrujnost disk kvadrat numerovanniy spisok (ordered list) perviy element vtoroy element ... posledniy element tipi numeratsii nachalniy teg vid nomera na ekrane numerat...

Этот файл содержит 64 стр. в формате PPTX (1,9 МБ). Чтобы скачать "osnovihtmlicssspiski i tablitsi", нажмите кнопку Telegram слева.

Теги: osnovihtmlicssspiski i tablitsi PPTX 64 стр. Бесплатная загрузка Telegram