Мазмұны:

Жаңадан бастаушыларға арналған жақша көмегімен қарапайым веб -бетті қалай құруға болады: 14 қадам
Жаңадан бастаушыларға арналған жақша көмегімен қарапайым веб -бетті қалай құруға болады: 14 қадам

Бейне: Жаңадан бастаушыларға арналған жақша көмегімен қарапайым веб -бетті қалай құруға болады: 14 қадам

Бейне: Жаңадан бастаушыларға арналған жақша көмегімен қарапайым веб -бетті қалай құруға болады: 14 қадам
Бейне: Басқа тышты деген осы 😡 2024, Қараша
Anonim
Жаңадан бастаушыларға арналған жақшалар көмегімен қарапайым веб -бетті қалай құруға болады
Жаңадан бастаушыларға арналған жақшалар көмегімен қарапайым веб -бетті қалай құруға болады

Кіріспе

Келесі нұсқаулар жақшалар көмегімен веб -бетті жасау бойынша қадамдық нұсқаулықты ұсынады. Жақшалар - бұл веб -әзірлеуге басты назар аударатын бастапқы код редакторы. Adobe Systems жасаған бұл MIT лицензиясымен лицензияланған ақысыз және ашық бастапқы бағдарламалық қамтамасыз ету болып табылады және қазіргі уақытта Adobe және басқа да бастапқы коды бар әзірлеушілер GitHub-да сақталады. Ол JavaScript, HTML және CSS тілдерінде жазылған.

Нұсқаулар

Ескерту: - Барлық HTML тегтері жақшалар арасында болуы керек:

1 -қадам: Бағдарламаны жүктеңіз

Бағдарламалық қамтамасыз етуді жүктеңіз
Бағдарламалық қамтамасыз етуді жүктеңіз

brackets.io/ веб -сайтынан жақшаларды жүктеңіз.

2 -қадам: жақшаларды ашу

Жақшаларды ашу
Жақшаларды ашу

жүктелген Brackets бағдарламалық жасақтамасын компьютерде ашыңыз.

3 -қадам: Жаңа файл жасаңыз

Жаңа файл жасаңыз
Жаңа файл жасаңыз

Жақшаларды ашқаннан кейін, терезенің жоғарғы сол жағындағы файл белгішесін нұқыңыз, содан кейін жаңа түймесін басыңыз, сіз жаңа «Атаусыз» файлын көресіз.

4 -қадам: Файл ретінде сақтау

Файл ретінде сақтаңыз
Файл ретінде сақтаңыз

«Атаусыз» бұл файлды тінтуірдің оң жақ түймесімен нұқыңыз, «Басқаша сақтау» түймесін басыңыз, содан кейін оны дискіде сақтауыңыз керек

Бұл кезде сіз файлға кез келген атау бере аласыз, тек атауынан кейін «.html» (html нүктесі) қосылатынына көз жеткізіңіз.

5 -қадам: DOCTYPE тегінен бастаңыз

DOCTYPE тегінен бастаңыз
DOCTYPE тегінен бастаңыз

Әрбір html беті келесі құрылым тегінен басталуы керек, ол браузерге HTML бетін көрсету кезінде қандай ережелерді сақтау керектігін айтады.

6 -қадам: HTML тегтері

HTML тэгі
HTML тэгі

және - бұл тегтер құжатты бастауға және аяқтауға арналған.

7 -қадам: Бас пен дененің тегтері

Бас және дене белгілері
Бас және дене белгілері

Html тегтерінің арасына «сахнаның артындағы» заттарды қамтитын және жазыңыз. Сондай -ақ, жазыңыз және онда мәтін, суреттер, бейне, аудио және т.б. бар.

8 -қадам: мета тег

Мета тег
Мета тег

Тегтердің арасына іздеу жүйесінің терминдері немесе таңбаларды кодтау сияқты ақпаратты беретін жерді жазыңыз.

9 -қадам: Тақырып белгісі

Тақырып белгісі
Тақырып белгісі

Тегтер арасында астына, астына және жазыңыз. Сонымен, сіз жазғанның бәрін сіз шолғыш терезесінің жоғарғы жағында көресіз және бұл тег іздеу жүйесі үшін маңызды. Мысалы, мен «WRD 204» деп жазамын.

10 -қадам: P тегінің көмегімен абзац қосу

P тегінің көмегімен абзац қосу
P тегінің көмегімен абзац қосу

Арасында веб -бетте көргіңіз келетін кез келген ақпаратты, мысалы, сурет, аудио, видео және абзацты жазыңыз, мысалы менің мысалда мен абзац үшін осы тегтерді қолдана отырып, абзац жазамын:

және.

11 -қадам: Нәтижелеріңізді қараңыз

Нәтижелеріңізді қараңыз
Нәтижелеріңізді қараңыз
Нәтижелеріңізді қараңыз
Нәтижелеріңізді қараңыз

Нәтижелерді көру үшін: алдымен файлды тінтуірдің оң жақ түймесімен нұқыңыз және «сақтауды» нұқыңыз, бірақ жоғарғы оң жақ бұрыштағы «тікелей қарау» белгішесін нұқыңыз.

Ескерту: - сіз өзгеріс енгізген кезде және нәтижені көргіңіз келсе, алдымен файлды сақтауыңыз керек, сіз «Ctrl + S» тіркесімін қолдана аласыз.

12 -қадам: Пішімдеуді өзгертіңіз

Пішімдеуді өзгертіңіз
Пішімдеуді өзгертіңіз
Пішімдеуді өзгертіңіз
Пішімдеуді өзгертіңіз

Егер сіз мәтін пішімінің өлшемін өзгерткіңіз келсе, ең үлкен тақырыпты немесе ең кішісін пайдаланыңыз. Менің мысалда мен қолданамын.

13 -қадам: Жалғыз/қос жолды ажырату белгісі

Жалғыз/қос жолды ажырату белгісі
Жалғыз/қос жолды ажырату белгісі
Жалғыз/қос жолды ажырату белгісі
Жалғыз/қос жолды ажырату белгісі

Егер сіз параграфтар арасында бір/екі жолды үзгіңіз келсе, тегті пайдаланыңыз

14 -қадам: Қорытынды

Құттықтаймын! енді сіз өзіңіздің жеке веб -парағыңызды құруға кірісе аласыз.

Егер сізге HTML тегтері туралы көбірек білу қызықты болса, мен бұл веб -сайтты ұсынамын

Ұсынылған: