Компьютерлер, Бағдарламалау
HTML кестені жасауға қалай: егжей-тегжейлі сипаттамасы
Кесте - веб-беттерге осы болуы керек ең маңызды, бірақ сол уақытта күрделі элементтердің бірі. олардың көмегімен өте қысқа түрінде маңызды және пайдалы ақпаратты қолдануға ыңғайлы. Әрине, үлгілерді ең редакторлар, түрлі қозғалтқыштардың жұмыс істейтін, автоматты түрде веб-немесе жекелеген жариялау ішіне кесте кірістіру, бірақ қандай жағдайда веб-дизайн ресурс, оны беттер нөлден жасалады? Содан кейін жаңа бастаған мастер проблема ала алады: а жасауға қалай HTML кестені. ның тез және дұрыс элементін жасау көрейік.
редакторы таңдау
Біріншіден, кесте жасау бастап, сіз жұмыс істейтін болады, онда редактор анықтау керек. Әрине, сіз негізгі сайт код жасайтын бағдарламаны таңдау үшін ең оңай жолы. Бірақ ол осы мақсат үшін жақсы ескі Notepad пайдалану ең жақсы болып табылады.
Сіз оң редакторында бәрін жасаймыз, егер, онда нәтиже тым, дереу көрген, тіпті пайдалануға бағдарламасын сұрайды болады, себебі неліктен, өз өмірін қиындататын, сұрауы мүмкін.
Иә, ол рас, бірақ нөлден кестені жасау үшін, сіз мұқият оны құру принципін зерттеп алады ғана емес, сонымен қатар базалық коды ыңғайсыз Опечаток және қателерді болдырмау үшін. Кейде ол курсор төмен жылжиды, бұл кездейсоқ жүреді, және қате кодын жазу процесі табу кейде қиын болып табылатын, жылы ползает. ноутбук кестені жасау, кодты көшіріп, сіз үшін дұрыс орында оя аласыз.
Кестені құру үшін алгоритм
бастау үшін, HTML кестені жасауға қалай, қысқа алгоритмі жеткізіңіз. Бұл сізге әрбір қадам ретін түсіну қамтамасыз ету болып табылады. Содан кейін элементтердің әр орындауға дәл қалай талдау.
дайындық іс-шаралар бастайық.
1. Қағаз үстел суретте сызба сызыңыз.
2. жолдар мен ұяшықтар санын санау. әрбір жеке ryadochka ойлаймын - түрлі өткен саны болса.
3. (мысалы, «Аты» және т. Д., ұяшықты «№») жол-тақырып жасушаларының санын анықтаңыз.
түсті, биіктігі және ені, мәтін туралауын - - Сіз жарамды көрінуі қысқа, барлық 4. басты кестенің параметрлерін жазыңыз.
Содан кейін үстелге құру тікелей өту:
1. тегтер кестені салыңыз.
2. Егер қажет сомаға негізделген желілерін тегтерін салыңыз.
3. жолдар қағаз жазылған соманың негізінде, сондай-ақ, жасушаларының (қалыпты және бас әріптер) тегтерін кірістіру.
4. бүкіл кесте үшін параметрлерді орнатыңыз.
5. Егер сіз жеке ұяшықтар үшін параметрлерді орнату үшін қажет болса.
6. Біздің Ұяшықта мәтін толтырыңыз.
Кестені жасау
Сондықтан, сіз редактор таңдауға, енді HTML кестені жасау жолын қарастырып көрейік. Кесте (<үстел>) мүмкіндік береді тег бет код салынғанда жұптасқан, яғни, біздің құрылыс осы тегпен басталады және аяқталады.
тегтер кестені кірістіру, жолдарды және жасушалар жасау өтіңіз.
Енді, біз осы элементтері, сондай-ақ жұпталған екенін ескеріңіз. Тег
жоғарғы ұяшықтар үшін <ші> жұптастырылған элементтерін пайдаланылуы тиіс.
Жоғарыда айтылғандай, алғашқы қадам желісін салу болып табылады, онда олар ұяшықты тіркелу қажет. оралып қалуын болдырмас үшін, бұл жолда немесе екі әрбір блокта арасындағы кез келген бетін жасауға, немесе басқа «Tab» пернесін басу арқылы жаңа блок элементтерін белгілеу ұсынылады.
Бұл қалай сияқты көрінуі мүмкін? Шамамен осылай:
-
;
; P / P №; Аты ; - ;
; 1 ; Иванов ; - ;
- .
Өздеріңіз көріп отырғандай, бұл туралы ештеңе күрделі. Ең бастысы - жолдар мен жасушалар санының адасқан жоқ. Әйтпесе, үстел қисайып тұр.
Біз қазір біз матрица және оны жолдар мен жасушаларының екі параметрлеріне бойынша жылжытуға болады, HTML кестені жасауға бұзып отыр.
Кесте опциялары
туралау: коды жазылған кезде, ол мынадай сәттерге назар аудару қажет кестенің HTML, түсі т.б. шекараларын, фон, мәтін, және.
параметрлері үстел тегтің <үстел> көрсетілген. Оларға мыналар жатады:
1. Шекара - шекара ені. бүтін сан арқылы анықталады. Әдепкіде, кез келген кесте шекарасы нөл.
2. Bordercolor - шекара түсі. Ол он алтылық түсті (# 00008B) ретінде берілген, және angliykom бойынша оның есімі (көк) болады. Әдепкіде, ол әрдайым сұр болып табылады.
3. Bgcolor - фон түсі. Кодексте немесе аты бойынша көрсетілген.
4. Align - кесте үшін мәтінді туралау. Әдепкі - сол жақта. осы параметр үшін келесі параметрлер бар:
- сол жақ - оң оберточной;
- солға -obtekanie құқығы;
- орталығы - жоқ ағынымен ортасында шығару үстел.
5. ені мен биіктігі - кестенің ені мен биіктігі. Ол пиксель немесе (браузер терезесі мөлшеріне қатысты) пайыз ретінде болуы мүмкін.
нақты индикаторы ұйғаратын, сіз жобалау ерекше назар аудару керек. «Тең» қол баруға параметрін көрсете кейін, тырнақша, алдын ала белгіленген мәнін көрсетеді, ол кейін.
Мәтіннің түсін болсақ, онда HTML пішімінде кәдімгі мәтін ретінде бірдей жолмен оны жасауға.
кесте Мысал:
- <Кесте шекара = «2» bordercolor = «# 00008B» bgcolor = «#FFFFFF» туралау = «орталығы» Ені = «800» Биіктігі = «800»>;
-
; P / P №; Аты ; - ;
; 1 ; Иванов ; - ;
- .
параметрлері жолдар
Сондықтан біз қазірдің өзінде HTML кестені жасау және оның негізгі параметрлері белгілеу қалай түсіндік болатынмын. Бірақ қандай біз жолды бөлуге қажет болса? емес үстелдің негізгі орган ретінде оған тексеріңіз?
желісі параметрлері деректер кестеде бірдей жолмен
тегінің жазылған. : Мынадай айнымалылар анықталуы мүмкін желісі 1. Қазірдің өзінде сізге шекаралық, bordercolor және bgcolor белгілі.
2. Align - жолда мәтінді туралау. Ол, сол ортасына және оң орнатуға болады.
3. Valign - тег тігінен мәтінді теңестіру. Ол келесі мәндерді қабылдайды:
- жоғарғы - мәтін жоғарғы шекарасында теңестіріледі;
- орта - ортасында;
- төменгі - төменгі шеті.
МЫСАЛ желісі рәсімдеу:
-
; P / P №; Аты ; - .
параметрлері жасушалары
қалыпты және капитал екі, жеке жасушалар параметрлері - және соңғы нәрсе сіз HTML кестені жасауға қалай білуге келетіндерге назар аудару керек. Шын мәнінде, барлық кесте немесе жолдың сияқты жүзеге асырылады. тек қосылған екі маңызды элементтері:
1. Colspan - Бұл параметр ұялы ұзарта алады, ол үшін бағандар санын анықтайды.
2. Rowspan - қазірдің өзінде осы ұяшыққа атқарған жолдар санын көрсетеді.
жобалау рецепт желісі айырмашылығы жоқ болғандықтан, ол үлгі кодын әкеп болмайды.
қорытындылар
Кестені жасау ол алдымен қарағанда көрінуі мүмкін, сондай-ақ қиын емес. Ең бастысы, оның коды жазғанда - табандылық пен көңіл.
HTML кестені кірістіру қалай болсақ, онда оның нөмірі код Сіздің ойыңызша, орналастырылуға тиіс, онда сіздің беттің орнына көшіру және қою үшін жеткілікті болып табылады.
тәжірибе Қорықпа, және жақын арада сіз тамаша кестелерді құру техникасын игерілді. Сәттілік!
Similar articles
Trending Now
Newest