HTML –де CSS қолдану

Жұмыс түрі: Реферат
Тегін: Антиплагиат
Көлемі: 10 бет
Таңдаулыға:

ЕСЕП БЕРУ
Тақырыбы: HTML - де CSS қолдану

Мазмұны
Кіріспе ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 3
HTML- де CSS қолдану ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .4
Тікелей HTML тегінің ішінде "style" атрибутын
орналастыру арқылы ... ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...4
1.2. Web парақшаның шапкасында, яғни headарасынаhead "style" елементі арқылы ... ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ... ... ... ... ... ..5
2.3. CSS стильдер кодын осы парақ шапкасында link
арқылы сипатталып, жүктелетін бөлек файлға жазып қою арқылы ... ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...6
HTML мен CSS айырмашылығы ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .7
Қорытынды ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 13
Пайдаланылған әдебиеттер ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ... ... ... ... ... .14

Кіріспе
HTML ретінде кеңінен танымал HyperText таңбалау тілі - веб-беттерді белгілеудің жетекші тілі. HTML - веб-парақтардың негізгі құрылыс блогы. Веб-шолғыш HTML құжатын оқып, оларды көрнекі немесе естілетін веб-парақтарға құрастырады. Стильдердің каскадты кестелері (CSS) - бұл таңбалау тілінің көмегімен жазылған құжаттың көрінісі мен пішімделуін сипаттайтын тіл. HTML тілінде жазылған веб-беттерді стильдеу үшін CSS кеңінен қолданылады.
Интернеттегі мәліметерді бейнелеу HTML тілінде жазылады. Бірақ программалауға ұқсас болғанмен программалау тілі емес, гипермәтінді белгілеу тілі деп аталады.
Web - парақтарының жазылу тілі HTML тілі болып табылады.
HTML Hyper Text Maker Language ағылшын тілінен аударғанда мына мағынаны білдіреді : гипермәтінді белгілеу тілі. Web бетті HTML файл деп атаймыз.
HTML - компьютерлер арасындағы мәліметтер алмасудың жаңа хаттамасы. Ол Интернеттегі мәтін бөліктерінің атқаратын қызметін белгілеп, оларды әрбір тұтынушыға жеткізе алатын құжатты түрде белгілейтін тіл болып табылады.
HTML файлының кеңейтілуі htm немесе html

HTML элементтерін мына категорияларға топтауға болады :
тақырыптық элементтер
құжат құрылымын сипаттайтын элементтер
мәтіндік элементтер
Жоғарыда айтылғандай, CSS HTML элементтерін бетте қалай көрсету керектігін анықтайды. Бастапқыда HTML құжатты пішімдеуге арналған тегтермен емес, мазмұнын анықтауға арналды. Бірақ HTML-ге сияқты тегтерді енгізу веб-әзірлеушілердің өмірін қиындатты. Ірі веб-сайттар жасағанда әр параққа қаріп пен түрлі-түсті ақпараттар қосу өте қиын процесс болды. Осы мәселені шешу үшін World Wide Web Consortium (W3C) CSS құрды. HTML 4.0 барлық форматтауды HTML құжатынан алып тастауға және бөлек CSS файлында сақтауға мүмкіндік береді. CSS құжат мазмұнын құжаттың тұсаукесерінен, мысалы, түстер мен қаріптерден ажыратуға мүмкіндік береді. Бұл бірнеше веб-парақтарға бірдей форматтауды бөлісуге және құрылымдық мазмұндағы қайталануды және күрделілікті азайтуға мүмкіндік береді. Сонымен қатар CSS оқырмандарға веб-парақтың авторы белгілеген бетінен бас тартуға мүмкіндік бере отырып, сол түзету парағын әр түрлі стильде ұсынуға мүмкіндік береді. Бүгінгі таңда CSS кеңінен қолданылады және барлық шолушылар қолдайды.

HTML- де CSS қолдану
CSS дегеніміз ағылшынша Cascading Style Sheets , яғни қазақша стилдік каскад таблицалары деп аталады.
1.1 Тікелей HTML тегінің ішінде "style" атрибутын орналастыру арқылы:
Редактор бетіне төмендегі HTML парақшасының кодын көшіріп алыңдар.
Ішінде р тегінде CSS ережесі орнатылған.
Түсінікті болу үшін айтып өтейін:background-фон дегенді білдіреді, #00ff00-жасыл түстің коды, color-бояу түсі, red-қызыл түс.

Енді осы файлға "testcss2.html" деген ат беріп, оны локальдық серверіміз Денверге арналған "\servers\home\localhost\www\testph p" папкаға сақтап болған соң, оны қалаған браузеріңіздің адрес теретін жолында localhosttestphptestcss2.html деп шақырамыз .
Ол html файлды Денвер арқылы емес, жай түртіп жіберіп те нәтижесін көруге болады.Бірақ, сіз егер PHP скрипт тілін үйренгіңіз келсе, онда Денверде жұмыс істеу сізге дағдыға айналуы керек.Сондықтан, тест файлдарды осы локальдық серверде шақырғанымыз дұрыс деп санаймын.Егер Денверді пайдаланғыңыз келмесе, онда ол файлды папкасында екі рет түртіп жіберіп қарай беріңіз.
Нәтижесі төмендегідей болып шықты.

1.2. Web парақшаның шапкасында, яғни headарасынаhead "style" елементі арқылы:
CSS ті бейнелеудің екінші түрі жазылған төмендегі HTML парақшасының кодын тағы да Notepad ке көшіріп жазып алыңыздар.

CSS ті бейнелеудің екінші түрі жазылған төмендегі HTML парақшасының кодын тағы да Notepad ке көшіріп жазып алыңыздар.

1.3. CSS стильдер кодын осы парақ шапкасында link арқылы сипатталып, жүктелетін бөлек файлға жазып қою арқылы:
CSS ті қолданудың үшінші түрінде CSS ережелерін басқа файлға жазамыз.Мен оны testcss2.css деп жаздым да сол қалған файлдар салынған папкаға сақтап қойдым.Сіз де солай жасаңыз.

Енді оны HTML парақшамның жоғары жағындағы headаралығына link арқылы сипаттап жазамын.head

Енді осы html файлды ашамын, сонда мынадай нәтижесі бар HTML парақшам шығады.

CSS ті HTML де қолданудың алдыңғы екі түрі көп қолданылмайды, бірақ білген абзал-олар көбіне сайтыңызды тексеру кезінде кейде почтаны қолдану кезінде қолдана аласыз.Ал сайттарда қолданылатыны, негізінде үшінші түрі.

HTML мен CSS айырмашылығы
HTML деген не?
HTML веб-сайттағы мазмұн құрылымын кодтау үшін пайдаланылатын гипермәтіндік белгілеу тілін білдіреді. Бұл веб-сайттар мен қосымшаларды құруға арналған алғашқы алғашқы блок.
HTML-ті Тим Бернерс-Ли ойлап тапты (ол бүкіләлемдік ғаламторды ойлап тапты), содан кейін 2004 жылға дейін W3C-де әзірленді, онда тілдің дамуына жеткілікті көңіл бөлінбейтіні сезілді. Осыған байланысты WHATWG деп аталатын жаңа топ құрылды (Веб-гипермәтінді қолдану технологиясының жұмыс тобы).
Осы жылдар ішінде HTML-дің көптеген нұсқалары пайда болды, олардың ең соңғысы HTML 5 болды. HTML-де 5 жаңа элемент қосылды және жойылды. Бұл жаңа элементтер мыналарды қамтиды:
Семантикалық элементтер (тақырып, авто, бөлшек және бөлім)
Пішін элементтерінің атрибуттары (саны, күні, уақыты, күнтізбесі және ауқымы)
Графикалық элементтер (
Мультимедиа элементтері (аудио және видео
... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.