HTML кестесін қалай жасауға болады. Түстер кестесі
Жаңа вебмастерлер көптеген қиындықтарға тап болу керек. Бүгінде өз сайтыңызды жасау үшін үлгілерді қолдануға болады, бірақ қиындық - олар әрдайым қажетті қасиеттерге ие емес, содан кейін веб-сайт дизайнын нөлден бастап жасауға немесе бұрыннан бар кодты өзгертуге тура келеді. Бұл жерде сіз HTML кодын білесіз және беттің өңі мен түсі туралы, суретті немесе бейнені кірістіру, HTML-де кесте жасау туралы ең аз түсініктерге мұқтаж.
Кестеге кірісіңіз
HTML парағының орналасуындағы ең қиын нәрселердің бірі - кестелер. Мәселе тегтердің күрделілігіне байланысты емес, бірақ бұл кодты жазу кезінде қателіктер жібере аласыз - қосымша жолды немесе ұяшықты жазуды ұмытпаңыз, мәтінді өзіңіз қалаған жерде жазыңыз және басқа да кішкентай заттар . Ал үстелдің көлемі неғұрлым көбірек болса, қате жіберуге мүмкіндік көп.
Сондықтан, HTML-де кестені құра бастағанда, мүмкіндігінше назар аударуды және шатастырмауды ұсынамыз.
Ең алдымен, сізге парақ парағына болашақ кестені салу керек, ол қандай ұяшықта болатыныңызды белгілеп, сол немесе басқа элементтің негізгі параметрлерін көрсетіңіз.
Содан кейін, кестедегі жолдар санын және әр жолдағы ұяшықтар санын санаңыз. Сондай-ақ кестеде суреттердің болуын, өң түсінің, шекараның, мәтіннің болуы сияқты элементтерді ескеруді ұсынамыз. Тек содан кейін жазылған ақпаратты пайдаланып HTML кестесін жасай аласыз.
Редактор
Мәселен, сіз кестенің орналасуын жасадыңыз. Енді оны жасау үшін тиісті редакторды таңдау керек. Арнайы сайт дизайнерлерін таңдай аласыз және оларда кесте жасай аласыз. Осы бағдарламалық жасақтаманы пайдалану арқылы кестені құру Word құжатынан гөрі қиын емес. FrontPage сияқты бағдарламаны таңдауға болады. Бағдарламаның қартайғанына қарамастан, оның көмегімен жақсы сайттар жасауыңызға болады, сонымен қатар, ол бойынша бірнеше оқу құралын таба аласыз.
Егер арнайы кодты пайдалана отырып HTML-да кесте жасағыңыз келсе, әдеттегі блокнотты немесе әдеттегі Word құжатын қолдануға болады. Дегенмен, мұнда көп жұмыс істеу керек, өйткені сіз кодты ұзақ уақытқа жазуыңыз керек.
Сайттың қозғалтқышына салынған редакторды пайдалануға болады. Осылайша, көптеген қозғалтқыштарда жазбаны жасағанда, кестелерді қоса, түрлі элементтерді қосуға болады. Редактордың негізгі мүмкіндіктері сізді қанағаттандырмаса да, кодты өзгерту нөлден жазудан оңай болады.
Тегтер
Қайсы редакторды қолдансаңыз да, html кестесінде жасауды бастамас бұрын негізгі тегтерді есте сақтау керек. Олардың үшеуі -
,
және
. Барлық тегтер жұпталған екенін ескеріңіз. Бірінші тег кестені толығымен білдіреді, екіншісі жолды көрсетеді, үшінші - жолдағы ұяшықты көрсетеді.
Тегтердің әрқайсысы туралы көбірек біліңіз. Кесте әрдайым
тегімен басталады және аяқталады. Кез-келген браузер үшін бұл кестенің алдында тұрғандығын білдіреді. Келесі жолдар
ашып, тегін аяқтайды деп жазылған. Әр жолда
және тегтерін пайдаланып ұяшықтардың саны көрсетіледі.
Осылайша, 2x2 кестесінің коды келесідей болады:
<Кесте>
Таңдалған редактордан көшіру арқылы кестені беттің HTML парағына кірістіре аласыз.
Кестелердің, жолдардың және ұяшықтардың параметрлері
Сонымен, біз негізгі кодты бөлшектеп алдық. Енді кестені жақсарту, оны жарқын және тартымды ету туралы әңгімелестік. Ол үшін тегтердің негізгі параметрлерін білу қажет. Олар әр параметрден кейін теңдік белгісімен ашылған тегтің ішінде жазылады, содан кейін тырнақшаға алынған мәнді тағайындайды. Мысалы, HTML кестесіндегі фон келесідей:
.
Сіз үшін ең пайдалы болатын кейбір негізгі параметрлерді көрсетейік. Кестенің өзінен бастасақ.
Осылайша, кез-келген сандық мәнді қабылдай алатын шекара шекарасының параметрінің енін орнатуға болады. Шекараның түсі шекаралақшаны орнатады. Фон bgcolor арқылы орнатылады.
Кестенің фонын суретке түсіргіңіз келсе, суреттің URL-мекен-жайын жазып қоюыңыз керек болса, өңді пайдаланыңыз.
Кестедегі бет мазмұнын сол жақ, орталық және оң жаққа қарай алатын теңшеу параметрімен туралаңыз.
тегінің ашылғаннан кейін дереу тағайындалған
қосарланған тегін пайдалануға болады.
Жолдың параметрлері туралы аз. Жолдағы ұяшықтардың түсі bgcolor көмегімен көрсетіледі. Мәтінді көлденеңінен параметрді туралау (сол жақ, орталық немесе оң жақта), тігінен - мәндік (жоғары, орта немесе төменгі мәндерді қабылдайды) бірге реттей аласыз.
Ұяшыққа қатысты фондық түс және фондық сурет оған бүкіл кестеге ұқсас параметрлерді қолданып орнатылатынын атап өтуге болады. Мәтінді туралау және бағандық опциялармен туралаңыз.
Арнайы параметрлері бар - colspan және rowspan. Біріншісінің көмегімен сіз ұяшықтың ұзартылатын бағандар санын орната аласыз. Екіншіден, бұл ұяшықтың ұзаруы мүмкін жолдардың санын анықтайды.
Бұл барлық пайдалы нұсқалар.
Түстер кестесі
Түсті кесте сияқты пайдалы нәрсе туралы бірнеше сөз айтайық. Ол бет өңін, мәтіннің түсінін, сілтемелерін және басқа элементтерді орнату үшін қолданылады. Түстер кестесінде шамамен 216 түстер мен реңктер бар. Олардың әрқайсысында өзінің он алтылық коды бар.
Кодтың өзі торлы таңбадан басталады және үш жұп сан немесе әріптен тұрады. Мысалы, үстелдегі жасыл түсті # 007F0 коды бар. Әрбір жұп үш негізгі түстің бірі - қызыл, жасыл және көк түстердің қарқындылығын көрсетеді. Кестені пайдаланып, қажетті түсті таңдап, кодты пайдалана аласыз.
Кестені қолдана алмасаңыз, түсі оның атауын ағылшын тілінде орнатуға болады.
Мазмұн
Мазмұнның өзі туралы бірнеше сөз. Әрине, HTML кестесіндегі мәтінді жиі көре аламыз, бірақ бұл оны тек сонда орналастыруға болатынын білдірмейді. Ұяшықтар мен сызықтарда сызбалар, аудио және бейне файлдары, сілтемелер болуы мүмкін.
Ұяшыққа (жолға) мәтінді немесе басқа ақпаратты енгізу үшін екі тегтің арасында тіркеу керек. Мысалы:
аты . Ұяшық «Атау» көрсетеді.
Сіз графикалық ақпаратты және медиа файлдарды арнайы тегтермен - ,
Кеңестер
Ақырында қандай да бір қиындықтардың HTML кестесін жылдам жасауға көмектесетін пайдалы кеңестер беріңіз.
Кестені жазған кезде, алдымен кестенің тегтерін және оның негізгі параметрлерін тіркеуді ұсынамыз. Содан кейін желілік тегтерді жазыңыз. Әр жұпты жаңа жолмен бастаңыз. Сонымен, кестеде қанша жолды көресіз. Сондай-ақ, жолдарды немесе жол параметрлерін негізгі мәндерден өзгеше болса, жазыңыз. Содан кейін біз әрбір ұяшықты тіркеуден бастап, жаңа жолдан кеңес береміз. Сондай-ақ, бір немесе екі шегініс табалдырықтан жасаңыз. Осылайша, кодының құрылымын өте айқын көресіз.
Ұяшықтар мен жолдардың мазмұны үстелдің жақтауы дайын болған кезде ең соңында жазылуы ұсынылады.