Как да създадете обикновена уеб страница с Notepad: 15 стъпки

Съдържание:

Как да създадете обикновена уеб страница с Notepad: 15 стъпки
Как да създадете обикновена уеб страница с Notepad: 15 стъпки

Видео: Как да създадете обикновена уеб страница с Notepad: 15 стъпки

Видео: Как да създадете обикновена уеб страница с Notepad: 15 стъпки
Видео: Как да използваме безплатни VPN услуги? 2024, Декември
Anonim

Всеки ден имаме достъп до различни уебсайтове. Понякога обаче се чудим трудно ли е да създадете свой собствен уебсайт? В тази статия ще се ръководите да създадете проста HTML уеб страница с Notepad.

Стъпка

Метод 1 от 1: Създаване на собствена уеб страница

Създайте проста уеб страница с помощта на Notepad Стъпка 1
Създайте проста уеб страница с помощта на Notepad Стъпка 1

Стъпка 1. Отворете Notepad

Този текстов редактор е вградена програма, достъпна на всеки компютър с Windows, и може да бъде намерена в менюто "Старт". След като се отвори Notepad, щракнете върху File> Save As, след което изберете All Files в колоната File Type. Запазете създадения си файл в HTML формат. По принцип главната страница на сайта има името на файла "index.html" и съдържа връзки към всички страници на сайта.

Създайте проста уеб страница с помощта на Notepad Стъпка 2
Създайте проста уеб страница с помощта на Notepad Стъпка 2

Стъпка 2. Разберете HTML

Марката (маркерът) в HTML (език за маркиране на хипертекст) е в.

Тези знаци служат за изграждането на вашия уебсайт. За да прекратите HTML кода, използвайте краен маркер, като. Затварящият знак е полезен за затваряне на различни марки, като удебелени или абзацови знаци.

Създайте проста уеб страница с помощта на Notepad Стъпка 3
Създайте проста уеб страница с помощта на Notepad Стъпка 3

Стъпка 3. Стартирайте уеб страницата си, като вмъкнете маркер в горната част на файла

Създайте проста уеб страница с помощта на Notepad Стъпка 4
Създайте проста уеб страница с помощта на Notepad Стъпка 4

Стъпка 4. Използвайте тагове, за да въведете различна информация

Маркировките са полезни за задаване на заглавие на страницата, докато (незадължителни) тагове се използват за въвеждане на обяснение за съдържанието на уеб страницата. След това знакът ще бъде прочетен от търсачките, като Google.

Създайте проста уеб страница с помощта на Notepad Стъпка 5
Създайте проста уеб страница с помощта на Notepad Стъпка 5

Стъпка 5. След като въведете маркера, озаглавете страницата с етикета, например wikiHow HTML

Създайте проста уеб страница с помощта на Notepad Стъпка 6
Създайте проста уеб страница с помощта на Notepad Стъпка 6

Стъпка 6. Завършете заглавката на сайта, като използвате знака

Създайте проста уеб страница с помощта на Notepad Стъпка 7
Създайте проста уеб страница с помощта на Notepad Стъпка 7

Стъпка 7. Използвайте тагове, за да въведете съдържанието на страницата

Имайте предвид, че не всички цветове се поддържат от браузърите. Например тъмно сивото може да не се поддържа.

Създайте проста уеб страница с помощта на Notepad Стъпка 8
Създайте проста уеб страница с помощта на Notepad Стъпка 8

Стъпка 8. Напишете съдържанието на уеб страницата между

Например започнете със създаване на заглавка на сайт. Заглавката на сайта е частта от сайта с големи букви и е маркирана със знак

до

. Знак

можете да използвате за създаване на заглавка на сайт с най -голям размер на шрифта. Опитайте да използвате знака точно под знака, например

Добре дошли на моя сайт

. Уверете се, че сте затворили знака

в края на изречението.

Създайте проста уеб страница с помощта на Notepad Стъпка 9
Създайте проста уеб страница с помощта на Notepad Стъпка 9

Стъпка 9. Създайте абзац на страницата с маркировката

Например, пишете

Параграф тест!

За да създадете нов ред, използвайте знака, или почивки.

Създайте проста уеб страница с помощта на Notepad Стъпка 10
Създайте проста уеб страница с помощта на Notepad Стъпка 10

Стъпка 10. Със сигурност не искате създадената от вас уеб страница да съдържа само обикновен текст

Използвайте следните флагове, за да форматирате текст на уеб страници: за удебелен текст, за начертаване на курсив и за подчертаване. След като използвате горния знак, не забравяйте да го затворите!

Създайте проста уеб страница с помощта на Notepad Стъпка 11
Създайте проста уеб страница с помощта на Notepad Стъпка 11

Стъпка 11. Добавете изображение със знак

Image
Image

за разкрасяване на сайта и добавяне на информация, която не може да бъде обяснена в текстова форма.

Знак

Създайте проста уеб страница с помощта на Notepad Стъпка 13
Създайте проста уеб страница с помощта на Notepad Стъпка 13

изисква определена информация, за да функционира. Пълният синтаксис на знака

могат да бъдат оформени по следния начин:.

Параметърът src в знака служи за изписване на името на файла с изображение, а функцията за ширина и височина за описание на дължината и ширината.

Стъпка 12. Създайте връзка, която води към друга страница с, например Друга страница

Текстът в средата на маркировката е текстът, който ще се появи на страницата, докато параметърът href съдържа целевата страница. С връзки посетителите могат лесно да преминават към различни страници на вашия сайт.

Стъпка 13. Когато приключите с попълването на сайта, завършете страницата, като затворите

Накрая затворете HTML кода с

Създайте проста уеб страница с помощта на Notepad Стъпка 14
Създайте проста уеб страница с помощта на Notepad Стъпка 14

Стъпка 14. Запазете създадената си уеб страница с разширение.html и я отворете в любимия си браузър, за да я тествате

Създайте проста уеб страница с помощта на Notepad Стъпка 15
Създайте проста уеб страница с помощта на Notepad Стъпка 15

Стъпка 15. Прочетете следното ръководство, за да качите вашия сайт в интернет

Съвети

  • В интернет има различни сайтове, които съдържат ръководства за създаване на уебсайт. W3school е един сайт с добър материал.
  • Уверете се, че сте затворили всеки маркер в HTML файла.
  • Поставете знак в първия ред на файла, преди. Този флаг показва, че създаваният от вас файл е HTML5 файл.
  • Променете шрифта с маркировки преди и след. Заменете „N“с желания от вас шрифт, например „Verdana“.
  • Ако трябва да използвате ъглови скоби, използвайте кода. Междувременно, за да използвате знака &, използвайте кода &.
  • Според уроците по HTML винаги трябва да давате име на уеб файлове и папки с малки букви, без интервали и пунктуация. Докато Windows ви позволява да поставяте интервали в имената на файловете, много хостинг доставчици не го правят. Освен това, чистото име на файл ще ви улесни в управлението на вашия сайт.

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