Садржај
- Направите табелу у ХТМЛ-у
- Корак 1
- Корак 2
- 3. корак
- 4. корак
- Корак 5
- Прилагодите календар
- Корак 1
- Корак 2
- тхеад календар {
- 3. корак
- тх календар,
- тд календар {
- 4. корак
- тд спан календар {
Иако су табеле пале у немилост када је у питању израда изгледа веб страница, оне и даље добро функционишу за кодирање ХТМЛ календара. Календари приказују табеларне податке на начин, након што су организовани у мрежу датума са колонама именованим, на пример, данима у недељи. Додатни ЦСС код ће заморну мрежу са именима и бројевима учинити сличнијом календару. Будући да је догађајима у календару потребан простор, како за број датума, тако и за догађаје, такође ће бити потребно користити ЦСС за форматирање датума на начин да обе информације буду читљиве.
Направите табелу у ХТМЛ-у
Корак 1
Направите табелу за структурирање календара. Ова табела захтева заглавље са седам ћелија, по једну за сваки дан у недељи. Такође је потребно направити шест редова редовних ћелија табеле. Копирајте и налепите одломак на веб страницу помоћу Нотепад-а или уређивача кода.
| Недеља | Понедељак | Уторак | Среда | Четвртак | Петак | Субота |
|---|
Овај код ће створити табелу и наслов. Табела користи идентификационо име звано „календар“ у случају да веб локација користи табеле на другим страницама.
Корак 2
Додајте пар ознака тела испод ознаке "":
3. корак
Копирајте следећи код и залепите га између „
" шест пута:Овај код ће створити сваки ред са седам ћелија, тако да ће додавањем шест, календар имати све просторе података који су вам потребни за све месеце у години.
4. корак
Додајте датуме у календар према месецу који желите да прикажете. Погледајте прави календар и пазите да датум не прескочите или поновите. Сваки датум приложите ознакама "" да бисте касније могли да прилагодите бројеве:
Корак 5
Забележите догађаје у ћелијама који садрже релевантне датуме. Догађаји морају бити изван "" тагова, али унутар "" тагова
’:
Журка за Ноћ Вештица!
Последњи дан за регистрацију.
Прилагодите календар
Корак 1
Пронађите „
Обрис није обавезан, али ово је најприкладнији начин додавања ивица табелама на тренутним веб страницама.
Корак 2
Наслов табеле прилагодите бојом за слова и другом за позадину:
тхеад календар {
боја: #фффффф; боја позадине: тамноплава; фонт-веигхт: болд; }
Могуће је користити хексадецимални код или назив боја. Овај наслов ће приказати бели текст на тамноплавој позадини.
3. корак
Попуњавање, обруби, ширина и положај у односу на ћелије табеле:
тх календар,
тд календар {
подлога: 20пк; ивица: 1пк црна; ширина: 100пк; положај: сродник; }
Релативно постављање омогућава програмеру да касније постави датуме у облику бројева у углове ћелија табеле. Не постављајте висину, јер ће ово ограничити колико текста можете додати било којем датуму.
4. корак
Креирајте бројеве користећи попуњавање, боју позадине и апсолутно позиционирање:
тд спан календар {
фонт-веигхт: болд; позиција: апсолутна; дно: 0; десно: 0; дисплеј блок; подлога: 5пк; позадина-боја: #ееееее; }
Морате да укључите „дисплаи: блоцк“ да би ознаке „„ деловале као оквири на веб страници, иначе их нећете моћи попунити. Овај пример кода ствара слабо сиво поље у доњем левом углу сваког датумског простора, приказујући датумски број.