Съдържание:

Как да създадете проста уеб страница с помощта на скоби за начинаещи: 14 стъпки
Как да създадете проста уеб страница с помощта на скоби за начинаещи: 14 стъпки

Видео: Как да създадете проста уеб страница с помощта на скоби за начинаещи: 14 стъпки

Видео: Как да създадете проста уеб страница с помощта на скоби за начинаещи: 14 стъпки
Видео: Стабилизация биохимических показателей крови. Большой восстановительный рефлекторный каскад 2024, Ноември
Anonim
Как да създадете проста уеб страница с помощта на скоби за начинаещи
Как да създадете проста уеб страница с помощта на скоби за начинаещи

Въведение

Следните инструкции предоставят стъпка по стъпка насоки за създаване на уеб страница с помощта на скоби. Скобите са редактор на изходния код с основен акцент върху уеб разработката. Създаден от Adobe Systems, той е безплатен софтуер с отворен код, лицензиран под лиценза MIT, и в момента се поддържа в GitHub от Adobe и други разработчици с отворен код. Той е написан на JavaScript, HTML и CSS.

Инструкции

Забележка: - Всички HTML тагове трябва да са между скоби:

Стъпка 1: Изтеглете софтуера

Изтеглете софтуера
Изтеглете софтуера

изтеглете скоби от този уебсайт

Стъпка 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 Tag
Добавяне на абзац с помощта на P Tag

Между това напишете всяка информация, която искате да бъде видяна на уеб страница, например картина, аудио, видео и абзац, например, за моя пример ще напиша абзац, като използвам тези тагове за абзац:

и.

Стъпка 11: Вижте вашите резултати

Вижте вашите резултати
Вижте вашите резултати
Вижте вашите резултати
Вижте вашите резултати

За да видите резултатите си: първо щракнете с десния бутон върху файла и кликнете върху „запазване“, след което щракнете върху иконата „преглед на живо“в горния десен ъгъл.

Забележка: - всеки път, когато направите промяна и искате да видите резултата, първо трябва да запишете файла, можете да използвате прекия път „Ctrl + S“

Стъпка 12: Променете форматирането

Променете форматирането
Променете форматирането
Променете форматирането
Променете форматирането

Ако искате да промените размера на текстовия формат, използвайте като най -голямата заглавка или най -малката. В моя пример ще използвам.

Стъпка 13: Единичен/двоен маркер за прекъсване на ред

Единичен/двоен маркер за прекъсване на ред
Единичен/двоен маркер за прекъсване на ред
Единичен/двоен маркер за прекъсване на ред
Единичен/двоен маркер за прекъсване на ред

Ако искате да направите единичен/двоен прекъсване между параграфи, използвайте таг

Стъпка 14: Заключение

Честито! сега можете да започнете да създавате своя собствена уеб страница.

Ако ви е интересно да научите повече за HTML таговете, препоръчвам този уебсайт

Препоръчано: