Удобная обоинка для веб-дизайнера.

Удобная обоинка для веб-дизайнера. Кликабельно.
 xhtml <!OOCTYPE html PUBLIC "-//UJ3C//0TD XHTML 1.0 Transitional//EN" "http ://www ,w3 .org/TR/xhtmll/DTD/xhtrnll-transitional ,dtd"> <htrnl> <head> <title>xyz</title> <meta name="description" content="xyz" /> <meta name="keywords" content="xyz, xyz" /> </head> <body> </body>
Подробнее
 xhtml <!OOCTYPE html PUBLIC "-//UJ3C//0TD XHTML 1.0 Transitional//EN" "http ://www ,w3 .org/TR/xhtmll/DTD/xhtrnll-transitional ,dtd"> <htrnl> <head> <title>xyz</title> <meta name="description" content="xyz" /> <meta name="keywords" content="xyz, xyz" /> </head> <body> </body> </htrnl> html special chars " &.quot; & Samp; TEXT / <hlx/hl> First headline < Sit; <h6></h6> Smallest headline > Ш}: <bx/b> Bold text £ Spound; <emx/em> Emphasize * &yen; <strong></strong> Emphasize © &copy; <ix/i> Italic ® &reg; <ux/u> Underline w &trade; <s></s> Strikethrough <tt></tt> Teletype <pre></pre> Preformatted text - preserves spacing <cite></cite> Citation links <a href="URL"x/a> A hyperlink <a href="mailto:EMAIL"x/a> A mailto link <a name="XYZ"x/a> A target anchor within a document <a href="ttXYZ"x/a> Links to anchor within document <a href="URL" target="_blank"x/a> Open in new window CSS_ External Style <link rel="stylesheet Internal Style щкт Inline Style <tag style="property: SELECTORS ♦ All elements dig aii div span <span> div, span <div> .class All of div.class All ttid Element a[attr] <a> with attribute a[attr='XYZ'] <a> with attribute of BACKGROUND background-color Colour value background-image: url(img.ipg); background-repeat repeat, no-repeat, repeat-x repeat-y background-attachment scroll, fixed background-position (x y), top, center, bottom, left right reform ЩИ -rattan gp itifflfiltfifeBl; :first-letter В content footer height; П1 min-height; l width; I L —1_hQ£dfi£_IT. Иишишкш I max-width; I min-width; l padding; I padding-top; , padding-right; ! padding-bottom; ' padding-left; margin; margin-top; л margin-right; margin-bottom; margin-left; «container{width :90%;margin :0 auto;} «header {padding :0 10px;} «header hl{margin:0;padding:10px 0;} «sidebar{float:left;width:20~0px;padding:15px 0;} «sidebar h3, «sidebar p{margin-left:10px;margin-right:10px;> «content{margin:0 20px 0 220px;} «footer{padding:0 10px;} «footer p{margin:0;padding: 10px 0;} .clearFloat{clear :both;} <div id="container"> <div id="header"><hl>Header</hl></div> <div id="sidebar"><h3>Sidebar</h3><p>Text</p></div> <div id="content"><hl>Content</hlxp>Text</p></div> <br class="clearFloat" /xdiv id="footer"><p>Footer</px/div> 1 </div> □ black ■ silver □ gray ■ white «000000 «С0С0С0 «303030 «FFFFFF BORDER border-ujidth UJidth value border-style dashed, dotted, double, groove, inset, outset, ridge, solid, none border-color Colour value OTHER □ maroon «300000 □ red «FF0000 □ purple «300030 fuchsia «FF00FF green | lime | olive ■ yellow Ш navy □ blue □ teal | aqua «003000 «00FF00 «303000 «FFFF00 «000030 «0000FF «003030 «00FFFF OTHER comments /^comment*/ units %, em, pt, px POSITION units %, em, pt, px clear left, right, both, none float left, right, none left auto, length values (pt, in, cm, px) top auto, length values (pt, in, cm, px) clip: rect(10px, 5px, 10px, 5px); visibility visible, hidden, collapse position static, relative, absolute z-index Set arrangement vertical-align baseline, sub, super, top, text-top, middle, bottom, text-bottom, value, % TEXT letter-spacing Space between letters line-height Distance between baselines text-align left, right, center, justify text-decoration line-through, none, overline, underline text-indent Indents the first line of text text-transform capitalize, lowercase, uppercase vertical-align Vertical alignment uuord-spacing Spacing between words cursor FONTS font-style Italic, normal, oblique font-variant normal, small-caps font-ujeight normal, bold, bolder, lighter font-size xx-srnall, x-small, small, medium, cursor url(img.gif); auto; crosshair; default; pointer; large, x-large, xx-large, smaller, larger, px, % move; font-family Specific font(s) e-resiz font-stretch normal, wider, narrower, ne-res ultra-condensed, extra-condensed, nw-res condensed, semi-condensed, semi-expanded, n-resi2 expanded, extra-expanded, ultra-expanded se-res list-style-type disc; circle; square; decimal; lower-roman; upper-roman; lower-alpha; upper-alpha; none list-style-position inside; outside list-style-image: url(img.gif); e-resize; ne-resize; nw-resize; n-resize; se-resize; sw-resize; s-resize; w-resize; text; wait; help; JRURSCRIPT EXAMPLES <script type="text/javascript" src="xyz.is"x/script> <script type="text/javascript"x/script> alert alert("Hello UJorld"); document.ujrite document .write("This is my first JavaScript!"); show time Stamp = new Date(); var Hours = Stamp.getHoursO; var Mins = Stamp.qetfiinutesO; if (Mins < 10) {Mins = "0" + Mins;} document. write(Hours + ":" + Mins); rediect window.location = "http://www.webdesign-guru.co.uk/" find & replace var = var .split("FIND") .join("REPL ACE"); popup ujindoiu window,open( "http://www.3que.com/", "myUJindow", "status = 1, height = 300, width = 300, resizable = 0" ) LINKS www.w3.org www ,w3schools .corn www.tizag.com www.kirupa.com www .smashingmagazine .com www .webdesignermag .со .uk www .webdesign-guru .со .uk/icon/ web design wallpaper V9.4.23b by Nikolai Bird check the site for new versions: ш ujuj.ujebdesign-guru.co.uk formatting <p></p> Paragraph <p align="left"> Paragraph align left, right, center <br /> Inserts a line break <olx/ol> Numbered list <ulx/ul> Bulleted list <lix/li> List item <div align="left"x/div> Block with left align <span></span> Inline styling <blockquote></blockquote> Indents text <img src="URL" /> Image <img align="left" /> Aligns image left, right, center, bottom, top, middle <img border="l" /> Border width <hr /> Horizontal rule <hr size="H" ujidth="50'/," /> Rule height and width <hr noshade /> Rule without a shadow trbles <table></table> Table <table border="l"> UJidth of border «table cellspacing="l"> Space between table cells «table cellpadding="l"> Cell's inner padding «table ujidth="50'Z,">Table width - pixels or percentage <tr>«/tr> Table row <tdx/td> Row cell <th>«/th> Row header <tr align="left"> Alignment - left, right, center <td align="left"> Alignment - left, right, center <tr valign="top"> Vertical alignment - top, bottom, middle <td valign="top"> Vertical alignment - top, bottom, middle <td colspan="H"> Number of columns cell spans <td roujspan="H"> Number of rows cell spans <td noujrap> Stop line breaks FORMS «form action="index.htm" method="post"x/form> Create form with action and method <select multiple name="NRME" size="5"x/select> Scrolling menu <select name=""NRME"x/select> Pulldown menu <option value="x" selected="selected"x/option> Menu item with value and first selected <textarea name="NHME" cols="45" roujs="5"x/textarea> Text box area - columns=width, rows=height <input type=text name="NRME" size=15 value="x"> Text area - size=length in characters <input type="checkbox" name="NRME" value="x" checked="checked" /> Checkbox. Already checked <input type="radio" name-'NflME" value="x"> Radio button <input type="submit" value="NRME"> Submit button <input type="image" name="NRME" src="img.gif"> Submit button using an image <input type="reset"> Reset button
Развернуть
Круто круто!
а что это?
Это страшно секретный жидомасонский код для порабощения умов несмышлёных гойских детишек.
ёптижь! спасибо) теперь всё понял.)
Скорее, шпаргалка для начинающих изучать веб-дизайн верстку. Ваш кэп.
да начинающих или тех кто только иногда этой фигни касается типа меня
Вообще шпаргалка - это хорошо, у меня иногда заёб заходит и я margin с padding путаю, или background-repeat ставлю просто :none;
бытрее в гугле найти, чем по жпг глазами шарить
win + D проще нажать :)
Вот спасибо! Полезная и симпатичная тряпка! А где бы ее в нормальном разрешении взять?
полистай страниц 10 назад storm_exe спрашивал
Спасибо! Вот и нашел куда еще час убить =))
Только зарегистрированные и активированные пользователи могут добавлять комментарии.

Похожие посты
Itего» trapPed In the doors cause delays