Меняссамогоначалаудивлялото,какуновых(атоиневсегдановых)автороввозникаютпроблемысоформлениемпостов,будьточто-тобазовоевродеабзацевикавычек,иличто-тоболеекомплексноестегами.Наконецпоявиласьвозможностьнаписатьинструкцию,которая,янадеюсь,поможетизбежатьтакихнесуразностей.Внимание!ЭтоттекстнезамещаетГайдлайны(которыевосновномрассуждаютопредназначенииразныхкатегорийпостовиподобныхвещах),адополняетих.Мне,какчеловеку,тесносвязанномусIT,кодом,языкамиразметкиипрочимиподобнымиштуками,всегдабылоясноспервоговзгляда,какчтогдеработает,аWYSIWIG-редакторынасайтахвызывалинепонимание(тормозят,неудобные,нузачемтакоенадо?).Нозавсёвремяработышеф-редакторомздесьмоинаивныенадежды,чтоудругихлюдейсвосприятиемвсёточнотакже,былиразбитывкрошкуипрах.Спасибо,господа.Ввидуэтоговозникланеобходимостьсоздатьвоттакойпостотом,какжеименнооноработает.Многиеавторынеправильноиспользуюттеги,незамечаяпоследствий,либовообщеупускаютизвидутеги/кнопки,которыесильноупростилибыимжизнь.Нонепереживайте—сейчасвыузнаетевсёнеобходимое,чтобыделатькорректнооформленные,красивыеиадаптивныепосты.ОбщееоформлениеЭтото,чтооттеговнезависит.Эдакийтрадиционный,общепринятый,"игротоповый"подходкпоступодразумеваетследующее.Точки•Заголовкибезточкивконце.Точкивконцезаголовкавообщенигденикогдаставитьбылонепринято.Многоточийипрочихзнаковпрепинанияэтонекасается(ихставить,еслитоготребуетокраспредложения,необходимо).Висключительныхслучаях,когдаточкапоказываетэмоциональныйокрас,еёставитьможно,норедакторвсёравно(скореевсего)спросит,чегоонатамзабыла.Иможетвозразить,чтоникакогоособогоокрасанеполучилось.Спорныймомент,вобщем;•Подписикспойлерамикартинкам—этотожесвоегородазаголовки.Потомуунихтоженеставятсяточкивконце;•Точкичастонеимеетсмысластавитьвтаблицахинекоторыхссылках.Изэстетическихсоображений(когдассылкаоднапосерединестраницы,например,иисполняетфункциюкнопки);•Вовсехостальныхслучаяхточкивконцепредложенияставятся.АбзацыАбзац—смысловаяединицатекста.Врамкахабзацаначинается,раскрываетсяизавершаетсянекотораямысль.Абзацымогутбытьсвязанымеждусобой,однамысльвытекатьиздругой,ноабзацобязательновыражаетоднузаконченнуюмысль,аодназаконченнаямысльобязательновыражаетсяввидеабзаца.Общеизвестнодваспособавыделенияабзацев:отступомпервойстрокислева(этоможноувидетьвкнигах,газетах;такженазывают"краснойстрокой")ибольшим,нежелимеждудвумя"простостроками",интервалом(этоможночащевидетьвинтернете—вчастности,наИгротопеиВикипедии.Да,выобратиливниманиена"вчастности,наИгротопе"?Хорошо,еслиобратили.Потомучтоэтоединственныйспособ,которымунасможнопоказыватьабзацы,иникакихпеременнаэтутемумынепланируем.Текст,которыйвычитаетесейчас,демонстрирует,каквыглядятабзацыунас.Сделатьихоченьпросто—дописавабзац,нажмитеEnterдвараза,иможнописатьновый.Да,выпоняливсёверно—абзацыунасреализованылишь"поусловности",идвижкомсайтаникакнеобрабатываются.Выпростосамидобавляетепустуюстроку—вотиабзац.Междупрочим,необязательновсякийразпропускатьцелуюстроку.Иногда,когдаабзацыоченьтесносвязаны,можнообойтисьбезпромежуткамежними—какясейчасделаю.Нонезлоупотребляйтеэтим,потомучтомногонапрочьоднородноготекстабезвизуальныхабзацеввыглядитнусовершеннонепривлекательно.СпискиЯличнопридерживаюсьмнения,чтовсякийсписокдолжениметьследующийвид:1)Пункт1;2)Пункт2;3)Пункт3.Здесьважнытривещи:•Нетникакойпустотымеждуопределениемсписка("всякийсписокдолжениметьследующийвид:")исамимсписком;•Каждыйпунктначинаетсяспрописнойбуквы;•Вконцекаждогопунктаточкасзапятой,кромепоследнего.Вконцепоследнего—точка.Маркерыспискавмоихглазахмогутбытьабсолютнолюбыми.Циферки,точечки,цветочечки,тире,дефисы,соскобочками,сточками—неимеетзначения,онислужатлишьмаркерамиисвободновзаимозаменяемы.Цифрыполезны,еслинадоссылатьсяпотомнаконкретныепункты.Всемсоветуюпридерживатьсяименноэтогоподхода,потомукаконуниверсаленилогичен.Однако,вформальныхисточникахописандругойподход,которыйутверждает,чтодопустимылишьопределённыекомбинациизнаков-маркеровирегистрабукв(т.е.есливмаркереестьточка—спрописной,еслинетточки—сострочной),плюсещёкакиемаркерыиспользоватьвовложенныхсписках,иещёисключенияитакдалее.Хотите(хотяянепонимаю,зачемэтогоможнохотеть)—пользуйтесьэтимиправилами.Япаруразспрошу,потомзапомнюиспрашиватьбольшенебуду.Некорректнымтакойподходнесчитаю.ПодобноекподобномуЕсликартинкакасаетсятолькоодногокускатекстаизтехдвух(верхнийинижний),чтоеёокружают,сделайтееёближектому,которогоонакасается.Заголовоктожестоитдержатьближектексту,которыйонозаглавливает.ПоследовательностьввыборесимволовВотэтонесамыйочевидныйвопрос.Давайтезайдёмиздалека.Вызнаете,чтовЮникоденаданныймоментболеестатысячсимволов?Большинствоизнихотведеныподразнообразныеписьменности,ноестьнехилаядоляизнаковпунктуациидавсякойтамдиакритики.Таквот,средипрочего,изразныхязыковиразныхтрадицийвЮникодпришли:•Кучаразныхтиреизнаков,похожихнатире:‒–—―⏤➖⸺⸻(иэтотолькодляпримера,ихещёбольше);•Самыеразнообразныекавычки(x—текст,заключённыйвкавычки):«x»,‹x›,„x“,“x„,"x",'x',»x«(опятьже,толькодляпримера);•Прочиенеменееинтересныесимволы,попадающиесямне,правда,изряднорежетиреикавычек,потомунеобсуждаемыевданномслучае.Таквот,есливаминтересно,какиеименнотиреикавычкииспользоватьправильно—выможетеэтолегконагуглить,янестанууглубляться.Болеетого,врамкахИгротопамневсёравно,какиевыбудетеиспользоватьтиреикавычки,лишьбывыбылипоследовательнывихиспользовании.Есливырешилииспользоватьдефисвкачестветире—пожалуйста,нотогдаврамкахпоставезде,гденадотире,ставьтесимволдефиса.Есливырешилииспользоватькакое-тоизвсегоширочайшегоразнообразиятире—используйтевездеего.Несмешивайте!Тексттипа"Невежество-неблаго,ученье—непорок"выглядиточеньнеприглядно.Насколькоязнаю,печальноизвестныйMicrosoftWordлюбит,какплохойниндзя,подставлятьтиревместодефисовсамостоятельноибезпредупреждения.Аплохойпотому,чтоневезде!Еслилюбитеписатьвэтомредакторе—выключитеавтозаменутиревнастройках,спаситесебяотлишнихпроблем.Аналогичноскавычками.Можетепользоваться"программистскими",или«ёлочками»,или„правильнымилапками“,или'одинарными',иливообщечемхотите(лишьбыонобылопохоженакавычки),хоть「японскимискобками」,нобудьтепостояннывсвоёмвыборехотябыврамкахпоста."Ёлочки"там,«программки»сям—этонедело.БукваЁЯпишуеё.Есливытакжежелаетеписатьеё,томилостипросим.Еслинежелаете—непишите,ставьтепросто"е".Я,когдаправлюпосты,стараюсьобращатьвниманиенато,пользуетсяличеловек"ё",иделаюправкисоответственно—снеюилибезнеё.Проблемывозникаютлишькогдавыеёводномместеставите,авдругомнет.Тоестьречьопятьонепостоянстве.Понезнаниюилипоневнимательности—японятиянеимею.Ноесливынеуверенывтом,чтознаете,какиспользоватьэтузлосчастную"ё",толучшененадо.Даиврядлипонезнанию,этожедовольнолегко:буква"ё"ставитсявезде,гдеслышится"йо"или"ьо".Всё.Слеш(косаячерта)Символ"/"(слеш,онжекосаячерта)используетсядлязаданияпутейвбольшинствеоперационныхсистем(например,"/tmp/Igrotop/somefile.txt"),какзнакделения(10/5=2)ивправописании(какминимумрусском,украинскомианглийском)какальтернативаслову"или".Например,"клубника,вишниилибананы"=="клубника/вишни/бананы".Ставитьливокругслешапробелы("клубника/вишни/бананы")—исключительноэстетическийвопрос.Нопробелыставятсяобязательносдвухсторон.Возможно,естьидругиеприменения—сейчасневажно.Символ"\"(бэкслеш,онжеобратнаякосаячерта)используетсявомногихскриптовыхязыкахиязыкахпрограммированиядляэскейпинга(снятияособыхролейсуправляющихсимволов,например"New\Folder"снимаетособуюрольспробела—разделителя—иделаетегочастьюназванияпапки),атакжедлязаданияпутейвоперационныхсистемахсемействаWindows(например,"C:\tmp\Igrotop\somefile.txt").Ксожалению,русскуюIBM-раскладкупридумывали(видимо)люди,сэтимфактомнезнакомые.Потомунанейбэкслеш—внижнемрегистре(shiftнажиматьненадо),аслеш—вверхнем.Ввидучеговинтернетесвободногуляютконструкциитипа"клубника\вишни\малина".Этоможнопростозапомнить,аможноперейтинараскладку"Русская—пишущаямашинка",какя.Тами"ё"нанормальномместе,ибэкслешфизическиввестиневозможно,наанглийскуюнепереключившись,ипунктуациявнижнемрегистре—идеальнодлялитераторства.ЛатиницаикириллицаДа,тожебывало.Правда,всегонесколькораз(может,мненезаметнопросто),нотемнеменее.Проблемаоченьхитраяиоченьтруднозаметная(особеннодляредакции,авторампроще—потомуяздесьипишуоней).Вотскажите,вывидитеразницумеждуЕ3иE3?Асайтвидит.Впервомслучае—кириллица,вовтором—латиница.Внимание,вопрос!Чтобылобы,еслибывполовинепостов,чтовыводятсяповторойссылке,взаголовкахбылабыкириллическая"Е"?Очевидно,что:человек,ищущий"E3"(латиницей),ихбынеувидал.Этооченьплохо.Следите,пожалуйста,зараскладкойвзаголовкахпредельновнимательно.БольшиекартинкиВпостможновставитькартинкулюбогоразмера(естьограничениенаобщийихвес,ноитолько).Вопростолько,какэтовыглядит?Выглядитнеочень.Картинкизанимаюткучуместа,мешаются,ихнужноскроллить,тогдакакпосмотретьчитательзахочетскриншототсилыразилидва.Решение?Очевидноже—помещайтебольшие(например,свыше800x600)картинкиподспойлер.Ида,вызаметилитамтегиcenter?Картинкинадоцентровать,есливыпланируете,чтоонибудутзаниматьвсюширинуполотна.Напервыйвзгляднепонятно,зачемэто(ониитакзанимаютвсюширину,чтослева,чтосправа,чтопоцентру),нопосмотритенижепункт"Адаптивныйдизайн".Есливдругполотнорастянетсяширевашейкартинки(аограничениев2000пикселейнежелезное,ивбудущемможетбытьснято,потомунадополагать,будтоегонет),аонанебудетвыравненапоцентру,получитсянекрасиво.Кат,надкат,подкатКат,онжеcut—особенныйтег,"разрезающий"постнадвечасти.Верхнююпоказываетвобщейленте,нижнюю—толькоеслиперейтинаполнуюверсиюпоста.Каточеньважендлятого,чтобывкратцепередатьсутьстатьичитателю,заинтересовать.Нозаинтересовать—этоеслиемувообщеинтереснатемастатьи,конечно!Нивкоемслучаенельзяписатьнадкатомчто-тобесполезноетипа"Давайтеже,заходитеподкат!",атемболеесовершеннонесвязанныесостатьёйвещи.Этожекасаетсязаголовков—"завлекалки"идезинформацияоченьсильнонеприветствуются.Оченьнерекомендуетсятакжеоставлятьнадкатпустым.Нивкоемслучае.Обычнотудаможнолегкопереставитьпарупервыхпредложенийпоста,или(еслипостбольшой,аненовость)краткоеегоописаниеиразъяснениесути.Пустойнадкатнесоздаётзагадочности,какможетпоказаться,инезаставитникогозайтивполнуюверсиювашегопоста,просточтобыузнать,очёмжетамречь.Кудавероятнее,читательпростопожмётплечамиилистнётдальше.Нельзятакжевыдаватьоченьмноготекставнадкат,атакжекартинки,таблицыипрочиебольшиеэлементы.Две-тристрочки—всё,потолок,дальшетолькоесливыточнознаете,чтоделаете.СамопроверкаЭтотанесложнаяоперация,котораявампозволитбезмалейшихпроблемсделатьпостылучше,намоблегчитработу,авсемостальным—чтение.Нуоченьужчастодоводитсявстречатьвпостахнеприглядности,которыеавтор,заметьоних,непременнобыубрал.Почемутогданеубрал?Разветольконезаметил.ОбщаяпроверкаОбратитевнимание,чтонастраницередактированияпостаестьажцелыхдвевозможностипоразглядыватьего"готовый"виддопубликации.Этокнопка"Предпросмотр"внизуслеваи"Приватнаяссылка"всайдбаресправа.Приватныессылки(схешами)являютсяоптимальнымспособомпроглядыванияпостадопубликации,таккакпоказываютеготочновтакомвиде,вкакомувидитчитатель(кнопка"Предпросмотр"внекоторыхслучаяхгенерируетпревьюиначе,потомуиногдаподводит).Такжессылкасхешемпозволяетпоказатькому-тоещёвашпостдопубликации(например,редактору).Перейдяпоприватнойссылке,постможнодажекомментировать,ноделатьэтонерекомендуется(комментарийбудетвсёравновыведенвобщуюлентуивызоветпутаницу).Собственно,самопроверка—этобанально"Открытьприватнуюссылкуивнимательноперечитатьпост".Впроцессевызаметитеабсолютноебольшинствопроблем,появившихсябезвашеговедомаиразрешения,как-то:опечатки,лишниепробелы/ихнедостаток,"нете"знаки(бекслешвместослешаилинепостоянствовкавычках/тире,см.выше),"сломавшиеся"картинки/таблицыит.д.Выведьхотите,чтобывашпоствыглядел,какзадумано,анекакпопало,былэстетическипривлекательным,грамматическикорректнымивсётакое?Регулярнаясамопроверка—оченьпростойиэффективныйспособзначительноприблизитьсякэтойцели.Еслизабытьоней,ипостсразупубликовать,великшанспропуститькучунедочётовисоздатьучитателявпечатление,чтовы(автор)—человекнесерьёзный,идеятельностьюсвоейзанимаетеськакпопалоиспустярукава.Развежедляэтоговыпишете?АдаптивностьВиделивсетиресурсы,укоторыхесть"настольная"и"мобильная"версии?Нашсайтспроектировантак,чтобыотображатьсяналюбомустройстве(кхм-кхм,втеории,кхм-кхм).Унаснетмобильнойинастольнойверсии,алишьодинитотжешаблон,меняющийразмерподразрешениеэкрана,гдеегопросматривают.Обратитевниманиенадвессылкивнизустраницы.Вотэти:Перваяссылкаработаеткакпереключательограниченияширинысайта"сверху".По-умолчаниюсайтотображаетсясширинойнеболее1280пикселей(многимлюдям,дажееслисFullHD-дисплеем,удобнеечитатьболееузкоеполотнопоцентруэкрана).Еслинажатьэтотпереключатель,сайтбудетрастягиватьсяаждо2000пикселейвширину(инымлюдям—мне,например—нравится,когдаконтентзанимаетмаксимумэкрана).Втораяссылкаработаеткакпереключательограниченияширинысайта"снизу".Когдаадаптивныйдизайнвключён,сайтможносжатьдовсего-то340пикселей.Этонужно,чтобыдаженанесамомдорогомтелефонеегоможнобылопросматриватьвпортретномрежиме,несдвигаяпогоризонталитуда-сюда.Достигаетсяэтозасчётпереносаправогосайдбаравниз,скрытиялевогоипрочихнеслишкомэстетичныхманипуляций.Вбудущем"суженный"сайтмынепременносделаемкрасивееиудобнее,нопокатак.Когдаадаптивныйдизайнвыключен,сайтнесжимаетсяменьшепримерно1150пикселей—приуменьшенииразрешения(илиразмераокнабраузера)дальшепростопоявляетсянеобходимостьгоризонтальнойпрокрутки.Этонужнодлятого,чтобыдаженателефонеможнобылоприжеланиипользоваться"нормальновыглядящим"сайтом(особенноеслиразрешениедисплеяпозволяет).Чтобылучшепонять,какработаетадаптивностьсайта,включитеодновременноширокийэкраниадаптивныйдизайн(снимитеобаограниченияширины)ипопробуйтерастягивать/сужатьокнобраузера.Потомпопробуйтевозвращатьобаограничениявместеипоотдельности.Послеэтогодлинноговступленияинаигравшисьснашимдизайномвы,наверняка,спросите:"Нопричёмжетутпосты,ХолмсSAX?".Даоченьдажепричём.Перейдёмкпримерам.Допустим,нашсферически-вакуумныйавторрешилсделатьчудеснуюстатьюсомножествомиллюстрацийипоясненийкним.Ужеразобралсявсистемезагрузкикартинок,втегах(онихниже),начинаеттворить!..Где-товэтомместенашавторпрекращаетпониматьлогикуобработкикартиноксайтом(подробнеевчасти,посвящённойконкретнокартинкам),ноостаётсяверенсвоейидееирешаетисправитьситуацию!Где-топослеэтогонашавторсчувствомвыполненногодолгазаканчиваетипубликуетстатью.Ондажевыполнилпредыдущийпункт—прогляделеё.Нокое-чтозабыл.Ивыведьужедогадались,что.Забылпоигратьсясадаптивностью.Каквыдумаете,ежелибыавторувидалсвойпоствтакомвиде,онбыеготакиоставил,илирешилвсёжепочинить?Наверное,решилбычинить,разужвообщевзялсяэтипустыестрокидобавлять.Какименночинить—ужесовсемдругойвопрос,возможныварианты.Обратитеськредактору,еслиувасвозникаюттакиепроблемы,новы,дажеизучивинформациюотегахикартинкахниже,неможетеснимирасправиться.Кстати,растягивание/сужениесайта—неединственныйспособиспоганитьлюбовновывереннуюформувашеготекста.Иногдадостаточнопоменятьшрифтсиламибраузера/кастомнымстилем,илидажепросторазмершрифта.Инет,этокасаетсянетолькокартинок!Внезависимостиотпричины,есливызамечаетесебязатем,что"подгоняете"видпостапопринципу"строкатам,букватут,чтобыровненько",—вы,скореевсего,совершеннонеучитываетеадаптивность.Попробуйтепоигратьсяснейнемедленно.ТегииразметкаИгротоппредоставляетдовольноширокиевозможностиоформленияпостовспомощьюразнообразныхтегов.Некоторыеизнихработаютивкомментариях,ноименноупостовнаборсамыйвсеохватывающий.Воткаквыглядяткнопки,вставляющиеопределённыетегивпост:•Большойзаголовок(шорткат—Ctrl+1);•Среднийзаголовок(шорткат—Ctrl+2);•Выделениежирным(шорткат—Ctrl+b);•Выделениекурсивом(шорткат—Ctrl+i);•Выделениеподчёркиванием(шорткат—Ctrl+u);•Выделениезачёркиванием;•Выравниваниетекстапоцентру;•Выравниваниетекстапоправомукраю;•Ссылка(шорткат—Ctrl+l);•Элементсписка;•Видео;•Таблица;•Спойлер(шорткат—Ctrl+s);•Кат.Большинствотеговдругсдругомможносовмещать.Например,жирныйкурсивныйподчёркнутыйзачёркнутыйтекст,выравненныйпосерединеиявляющийсяссылкой.Ода!Ещёнекоторыетеги(наданныймомент)можноуспешносломать.Иэтонеприятно,когдаслучается.Использоватьразметкумырекомендуемтак,чтобыструктура"исходногокода"постакакможноточнеесоответствоваларезультату.Снекоторымитегамииначесделатьпростонеполучится,снекоторыми—получитсяоченьлегко,аснекоторымиполучитсятольковкривьивкось,нотутужничегонеподелаешь.ЗаголовкиЗаголовкиможносовмещатьсостальнымитегами,какпоказановыше.Интересно,приэтом,чтовыделениежирнымнеработаетсбольшимзаголовком(H1).Сосредним—работает.Вэтомсмыслезаголовкиможносчитатьпростотегами-выделениямитипа"Шрифтбольше+жирнее",неотличающимисяот"обычных"выделений.Новообщеунихестьещёоднаособенность:заголовоксамовольнодобавляетпереводстрокипередсобойипосле(еслитаковогонет).Этозначит,чтовпринципеможнопереводынеставить.Лучшевсё-такиставить:вспомните,чемточнеерезультатсоответствуетисходномутексту,темлучше.ВыравниваниеВажнозаметить,чтоэтитегиработаютскартинками.Такжеонивключаютвсебяпереводстроки(примерниже).Востальномониведутсебявполнеожидаемо.Подобноеповедение(спереводамистроки)можетпроявлятьсятакжеисдругимитегами.Будьтебдительны!СсылкиСсылкинаигротопинаружуунасвыглядятпо-разному.Ввидувотэтойкартинки-стрелки,котораяпоявляетсярядомсоссылкойнаружу,втегинеобходимозахватыватьипунктуацию.Сравните:'ссылкасзапятой,'и"ссылкасзапятой,".Такжеестьтретийтипссылок,формируетсявоттак:=>ссылка.Есличастьв"url="неначинаетсяс"http://",сайтприклеиваетспередикней"http://igrotop.com/posts/".Результатвнашемслучае—ссылка"http://igrotop.com/posts/4620".Этоудобно,чтобыделатькороткиессылкинадругиепостыпономеру,нодаёточеньнеожиданныйэффект,когдавызадаётечто-товроде"url=www.google.com".Аименно,получается"http://igrotop.com/posts/www.google.com".Поэтому,чтобыссылкабылавернойисработалаправильно,совершеннонеобходимоначинатьеёс"http://".Такжестоитзаметить,чтоадекватноссылкиработаюттолькостекстом.Призаключениивтегиссылки,например,картинок,эффектможетполучитьсясамымнеожиданным—но,вероятно,нетаким,накакойвырассчитывали.ВидеоПоддерживаетсятолькоYouTube.Нашсайтраспознаётссылкитудавсамыхразныхвариациях,нодлябезопасностииуверенности,чтовсёсработает,какнадо,ярекомендуюих"чистить".Чтоэтозначит?Ютубформируетссылкипопринципу"https://www.youtube.com/watch?v=XXXXXXXXXXX&list=<бла-бла-бла>&index=<бла-бла-бла>&t=<бла-бла-бла>"итакдалее.После'watch?'идутпараметры,соединённыеамперсандами(&).Параметрыэтиуказываютнасамыеразнообразныевещи(можетепогуглить,еслиинтересно),новажендляИгротопаисключительно"v=XXXXXXXXXXX",задающийкодвидео.Всеостальныеможно(инужно,воимяпрофилактикинеприятностей)изссылкипростоудалить.Т.е.втегvideoпомещайтессылкувида"https://www.youtube.com/watch?v=XXXXXXXXXXX",безвсякихдополнительныхчастей.Естьидругойформатвидео-ссылки:"https://youtu.be/XXXXXXXXXXX?<параметры>".Аналогично,здесьуказанкодвидео,ианалогичнопрочиепараметрыабсолютнобесполезны.Втегvideoтакиессылкитожеможнопомещать,нотольковвиде"https://youtu.be/XXXXXXXXXXX".Ютубпредоставилвамследующуюссылку:http://www.youtube.com/watch?feature=player_detailpage&v=upoa9fcnx40&index=4&list=PLyUfpr1hay-9N_UvhoQlQKP1wy1zPw_5A.Выхотитепоместитьеёвтег"видео"наИгротопе.Находимвссылкетелоипараметрv=XXXXXXXXXXX(онивыделеныжирным),остальноеудаляем:http://www.youtube.com/watch?v=upoa9fcnx40.Ссылкадлявставкивтегготова!ТаблицаСамыйсложныйдлявосприятия,неочевидныйикомплексныйтег.Лучшевсегобудетпростопоигратьсяснимсамостоятельновчерновиках.Важноотметить,чтовнутритаблицработаютпрочиетеги,нозаголовоквсегдавыделяетсяжирным,иничегосэтимнеподелать.Есливамвсёжеинтересно,чтоозначаюттабличныетеги,тоtr—ограничиваетстроку,td—ограничиваетячейкуврамкахстроки,th—какtd,новыделяетжирным(нужнодлязаголовкатаблицы).По-умолчаниюприсозданиитаблицыперваяеёстроказаворачиваетсявth,ноэтонеобязательно—ихможнозаменитьнаtd,чтобыперваястрокапересталабытьжирной.Такжеthможноиспользоватьвдругихместахтаблицы,чтобывыделитьопределённыеячейки.Янастоятельнорекомендуюиспользоватьименноth,анепростоb(выделениежирным).Есликогда-товбудущеммырешимизменитьстильзаголовковтаблиц(сделатьихнетольковыделеннымижирным,например,аещёподчёркнутымиилииначеособенными),тодостаточнобудетпростопоправитьсвойстваth,ивовсехтаблицахсайтазаголовкиавтоматическистанут"по-новому".Этонесработаетдлятехавторов,кторешилиспользоватьb,анеth,длязаголовков.Янастоятельнорекомендуюиспользоватьименноth,анепростоb(выделениежирным).Этопозволитнамвбудущемлегкоизменитьвидсразувсехтабличныхзаголовковнасайте,еслипонадобится.Спростоbподобныйфокусуженевыйдет,итаблицы,гдезаголовкивыделенытак,останутся"белымиворонами".СпойлерТегсампосебедовольнопонятный.Подспойлерможноспрятатьвсё,чтоугодно,кромедругогоспойлера(тоестьвложеннымионинебывают).Также(поидее)контентвнутриспойлераподгружаетсятолькоприегооткрытии,благодарячемуможносэкономитьпользователютрафик.КатТег,выделяющийсявпервуюочередьтем,чтонеявляетсяпарным,какпрочие.Оннапостположенровноодин,изадаётточкуразделениятекстаначасть,которуювидновобщейленте,ичасть,которуювиднотольконастраницепоста.КартинкиКартинкинаИгротопможнотолькозагружатьивставлятьвпостыспециальнымитегами.Врезатькартинкусовнешнегоресурсанеполучитсясовершенноникак!ТолькоеслискачатьнасвойдискизагрузитьнаИгротоп.Затоможновставитькартинку,загруженнуюнаИгротопже,новдругойпост.ОграничениеикакснимжитьВодинпостможнозагрузитьмаксимум5(илиоколотого)МиБкартинок.Сделаноэтозатем,чтобыунаснепоявлялисьпостыобщимвесомвпарусотенМиБ.Ночтожеделать,есливамобязательно,простопозарезнадовотименно6МиБ?Ничегоособенного.Простонаделевамненадо.Вескартинкинеявляетсявеличинойконстантной—егоможноуменьшить.Такимобразом,ежеливыхотитевпост10картинокобщимобъёмом10МиБ,достаточнолишьпережатьихтак,чтобыобщийобъёмбыл5МиБименьше.Сделатьэто,насколькомнеизвестно,можновлюбомнормальномграфическомредакторе.НапримереGIMP:Файл=>Экспортироватькак=>JPEG=>Качество.Еслиустановитьслайдеркачествав,скажем,80,ане100,вычастополучитекартинкуобъёмомвдваразаменьшебезвидимойпотерикачества.Тольконезабудьтеотметитьпредпросмотр,чтобысразувидетьрезультирующийобъём.Другойвариант—сервис"Optimizilla"(спасибоLotusBladeзанаводку).ТегииособенностиихобработкиВоттаквыглядяткнопки,вставляющиекартинкивпост:Впорядкеслеванаправоэто:•Вставитькаксимвол;•Вставитьналевособтеканием;•Вставитьнаправособтеканием.Впервомслучае(каксимвол),сайтрассматриваетизображениекакбукву.Инымисловами,есливывставитевстрокукартинкувысотой300пикселей,сточкизрениясайтавсястрокастанетвысотойв300пикселей,итекстбудетидтипосередине.Есливыдобавитеккартинкеописание,вокругнеёпоявитсярамочкаипаддингпустотой.Этонужнознатьиобязательноучитыватьприразметке.Тегисобтеканием—совершенноинойслучай.Картинкувтакомслучаесайтсчитаетсовершенноотдельнойсущностью,итекст(атакжедругиекартинки)стремится"обернуть"вокругнеё.Случай"направособтеканием"абсолютноидентичныйвповедении,потомунеинтересен.Нужно,правда,отметить,чтоондействительноабсолютноидентичен.Ииз-заэтогопомещённаяв"правильное"место—конецстроки—"праваяобтекаемая"картинкауйдётнаследующуюстроку,чемвызоветуавторанедовольство."img=right"—одинизтехнемногихтегов,которыевпринципеневозможнопоставитьвисходникенатожеместо,гдеэлементбудетвпосте.Ачто,есливоднустрокупоместитьдвекартинки,одну—направо,другую—налево?Neat.