Съдържание:
- Стъпка 1: Изтеглете софтуера
- Стъпка 2: Отворете скобите
- Стъпка 3: Създайте нов файл
- Стъпка 4: Запазете като.. файла
- Стъпка 5: Започнете с маркер DOCTYPE
- Стъпка 6: HTML маркер
- Стъпка 7: Етикети за глава и тяло
- Стъпка 8: Мета маркер
- Стъпка 9: Етикет на заглавието
- Стъпка 10: Добавяне на абзац с помощта на P маркер
- Стъпка 11: Вижте вашите резултати
- Стъпка 12: Променете форматирането
- Стъпка 13: Единичен/двоен маркер за прекъсване на ред
- Стъпка 14: Заключение
Видео: Как да създадете проста уеб страница с помощта на скоби за начинаещи: 14 стъпки
2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:51
Въведение
Следните инструкции предоставят стъпка по стъпка насоки за създаване на уеб страница с помощта на скоби. Скобите са редактор на изходния код с основен акцент върху уеб разработката. Създаден от Adobe Systems, той е безплатен софтуер с отворен код, лицензиран под лиценза MIT, и в момента се поддържа в GitHub от Adobe и други разработчици с отворен код. Той е написан на JavaScript, HTML и CSS.
Инструкции
Забележка: - Всички HTML тагове трябва да са между скоби:
Стъпка 1: Изтеглете софтуера
изтеглете скоби от този уебсайт
Стъпка 2: Отворете скобите
отворете изтегления софтуер Brackets на компютър.
Стъпка 3: Създайте нов файл
След като отворите скоби, щракнете върху иконата на файл в горния ляв ъгъл на прозореца, след това щракнете върху нов, ще видите нов файл „Без заглавие“.
Стъпка 4: Запазете като.. файла
Щракнете с десния бутон върху този файл „без заглавие“, щракнете върху запазване като, след което трябва да го запишете на устройство
в този момент можете да дадете всяко име на файла, просто се уверете, че след името добавяте „.html“(html с точки).
Стъпка 5: Започнете с маркер DOCTYPE
Всяка html страница трябва да започва със следния структурен маркер. Тя казва на браузъра какви „правила трябва да се следват“при изобразяване на HTML страница.
Стъпка 6: HTML маркер
и - тези тагове са за започване и завършване на документ.
Стъпка 7: Етикети за глава и тяло
Между html таговете напишете и, където съдържа неща „зад кулисите“. Също така пишете и къде съдържа текст, изображения, видео, аудио и така нататък.
Стъпка 8: Мета маркер
Между етикетите напишете къде предоставя такава информация като термини в търсачката или кодиране на знаци.
Стъпка 9: Етикет на заглавието
Между етикетите, под, напишете и. Така че, всичко, което пишете между тях, ще го видите в горната част на прозореца на браузъра и този маркер е важен за търсачката. Например, ще напиша „WRD 204“
Стъпка 10: Добавяне на абзац с помощта на P маркер
Между това напишете всяка информация, която искате да бъде видяна на уеб страница, например картина, аудио, видео и абзац, например, за моя пример ще напиша абзац, като използвам тези тагове за абзац:
и.
Стъпка 11: Вижте вашите резултати
За да видите резултатите си: първо щракнете с десния бутон върху файла и кликнете върху „запазване“, след което щракнете върху иконата „преглед на живо“в горния десен ъгъл.
Забележка: - всеки път, когато направите промяна и искате да видите резултата, първо трябва да запишете файла, можете да използвате прекия път „Ctrl + S“
Стъпка 12: Променете форматирането
Ако искате да промените размера на текстовия формат, използвайте като най -голямата заглавка или най -малката. В моя пример ще използвам.
Стъпка 13: Единичен/двоен маркер за прекъсване на ред
Ако искате да направите единичен/двоен прекъсване между параграфи, използвайте таг
Стъпка 14: Заключение
Честито! сега можете да започнете да създавате своя собствена уеб страница.
Ако ви е интересно да научите повече за HTML таговете, препоръчвам този уебсайт
Препоръчано:
Контрол на яркостта на Led чрез Raspberry Pi и персонализирана уеб страница: 5 стъпки
Контролиране на яркостта на Led чрез Raspberry Pi и персонализирана уеб страница: Използвайки apache сървър на моя pi с php, намерих начин да контролирам яркостта на LED, използвайки плъзгач с персонализирана уеб страница, която е достъпна на всяко устройство, свързано към същата мрежа като вашето pi .Има много начини, по които това може да стане
Как да използвате мултицет на тамилски - Ръководство за начинаещи - Мултицет за начинаещи: 8 стъпки
Как да използвате мултицет на тамилски | Ръководство за начинаещи | Мултицет за начинаещи: Здравейте приятели, В този урок съм обяснил как да използвам мултицет във всички видове електронни схеми в 7 различни стъпки, като например 1) тест за непрекъснатост при отстраняване на проблеми с хардуера 2) измерване на постоянен ток 3) тестване на диод и светодиод 4) измерване Реси
Node.js уеб страница Част 2: 7 стъпки
Node.js уеб страница Част 2: Добре дошли в ЧАСТ 2 !! Това е част 2 към моя урок за приложение за уебсайт Node.js. Разделих този урок на две части, тъй като той разделя онези, които просто се нуждаят от кратко представяне, и тези, които искат пълен урок на уеб страница. Ще премина през
Поставяне на бутон за копиране в клипборда на уеб страница: 5 стъпки (със снимки)
Поставяне на бутон за копиране в клипборда на уеб страница: Това може да звучи просто и може да изглеждам глупаво, за да го поставя на Instructables, но в действителност не е толкова лесно. Има CSS, Jquery, HTML, някакъв фантастичен javascript и, о, добре, знаете
Проста стойка за IPhone/iPod Touch от 2 скоби: 4 стъпки
Проста стойка за iPhone/iPod Touch от 2 скоби за подвързване: За около 5 секунди можете да направите хубава, здрава стойка за любимата си електронна джаджа. Това е много опростена версия на инструкциите на petrov, която според мен беше умна, но твърде фантастична