Novice веб дизайнерлер: кескіндердің мәтін ағынын жасауға қалай

Осы мақалада біз суреттер байланысты HTML және CSS ерекшеліктері туралы айтып береді. Сіз HTML-құжатқа кірістіру үйренеді. Сондай-ақ, сурет параметрлерін өзгертіп, сурет айналасында мәтін ағынын ұйымдастыру туралы ақпаратты қамтиды.

Бірінші - қалай суретті кірістіру үшін. Бұл үшін бар тег «IMG», бірнеше атрибуттары бар. Олардың негізгі - «ӘКК». Онда браузер суретті кірістіруге болатын мекенжайын сақтайды. Компьютерді сақталған сурет жолын көрсетіңіз, немесе веб-ресурсқа сілтемені бере алады.

None жұптың кем маңызды атрибуттары - «ені» (ені) және «биіктігі» (биіктігі). Олар қолмен (суреттерді созылу және сығылу үшін пайдалы опция) кескіндерді өлшемін өзгерту үшін пайдаланылады.

Кейіннен параметрлері «hspace» және «vspace» (қоршаған мәтін суреттің қашықтық). Әлбетте, «hspace» - көлденең қаптауын және «vspace» - тік.

Біз тег сияқты «ALT» және «атағын» ретінде атрибуттары бар. олардың мақсаты суретті сипаттау болып табылады, өйткені олар, бір-біріне ұқсас болып келеді. Бірақ сіз бейнесі тінтуірді апарыңыз кезде көрсетіледі, және «Alt» төлсипатына әріптік мәні, ол суретті жүктеу үшін мүмкін емес екенін жағдайда көрсетіледі «атағы» белгіленген мәтінінде.

тегтердің көптеген бар бірнеше нақты атрибуттары бар. Бұл «Accesskey», «сынып», «ID» және «стилі». «Accesskey» анықтайды кілттер, тіркесімін нысанға арқылы қол. «Сынып» және «ID» - CSS байланысты параметрлері. Олар сурет (немесе оның идентификатор) тиесілі, оған класс сипаттайды. «Стиль» - атрибуты мәтін, сіз ендірілген сурет CSS-стилі орнатуға мүмкіндік беретін.

Кескіннің көрінісін анықтау параметрлерін бірі «шекара» болып табылады. Бұл объектінің айналасында шекара қалыңдығын анықтайды және (пиксель) кез келген оң бүтін санға орнатуға болады.

Келесі атрибуты - «туралау». Ол сурет айналасында мәтін ағынын сипаттайды. Бұл параметр «түбіне» орнатуға болады, «орта», «оң» және «жоғарғы», «солға». құндылықтарды Әрбір мәтін бойынша суретті орналастыру қайда анықтайды. Нысан мәтіннен сол болады - «солға», ал, мысалы, «орта» мәні орта сурет, мәтін төменгі шекара тураланады. HTML - Бірақ бұл суреттің айналасында мәтін ағынын орнату үшін бір ғана жолы болып табылады.

CSS (әлдеқайда әмбебап) - тағы бір қуатты құрал бар. Ол сурет айналасында мәтін ағымының оның ішінде тегтер атрибуттарын, орнату әлдеқайда тиімді пайдалануға болады. CSS сіз параметрлерді емес, тек белгілі бір нысанды және оған ұқсас барлық адамдарға анықтауға мүмкіндік береді. Мысал үшін, егер сіз келсе көрсетіңіз The шегініс барлық суреттер бойынша The құжат болып табылады он пиксел, ол жеткілікті қосылу үшін The CSS-файл, ол бар бір тігіс: «IMG {маржасы: 10px 10px 10px 10px;}» (тәжірибе, The баға белгіленімі болып табылады қажетті!).

«Батырманың {: сол жақ туралау:;}» кескіндердің мәтін ағыны, мысалы, сол жақ шетіне ретінде анықталады.

Айтпақшы, қосу үшін CSS-код файлда оны жазу жоқ. Бұл тег «стиль» үшін сіз CSS-кодты енгізуге болады, ол HTML қарастырылған. Бірақ ол тек (сіз бірнеше HTML-файлдар бірдей кодты қосу қажет болса, сіз жеке мәнерлер кестесін құру керек) құжаттың үшін жұмыс істейтін болады.

Енді сіз бұл үшін жауапты тегтің, пайдалы қасиеттерiн пайдалану арқылы, сайттың суреттерді «сұйылту» болады. Өлшемін өзгерту пайдалануға немесе мәтін суреттерді орап еркін сезінеді. графикалық құрамдас бөліктер жоқ Web-беттер - өте қайғылы көріністердің, солай емес пе?