Как да създадете проста уеб страница с HTML

В тази статия ще ви кажем как да създадете проста уеб страница с помощта на HTML код. HTML е един от основните компоненти на интернет, защото определя структурата на уеб страниците. Уеб страница Можете да създадете в текстов редактор, който е в Windows или Macos.

Стъпка

Част 1 от 6:

Как да добавите "главата" (описание на уеб страницата)

един. Отворен текстов редактор. В Windows, стартирайте Notepad или Notepad ++, а в Macos - Textedit:

Windows - Отворете менюто "Старт"

Изображение, озаглавено WindowsStart.jpg

, Влезте в низа за търсене тетрадка или Notepad++, И след това кликнете върху "Notepad" или "Notepad ++" в горната част на менюто "Старт".

Макрос - Кликнете върху "Прожектор"

Изображение, озаглавено Macspotlight.jpg

, Inter Textedit, И след това кликнете два пъти върху "textedit" в горната част на резултатите от търсенето.

2. Inter и натиснете ↵ Въведете. Така че информирате уеб браузъра, който това е HTML документ.

3. Inter и натиснете ↵ Въведете. Това е етикетът за отваряне на HTML код.

4. Inter и натиснете ↵ Въведете. Този етикет съдържа описание на уеб страница и заглавни елементи. Съдържанието на този маркер на страницата обикновено не се показва. Съдържанието е описание на страницата, метаданни, таблици за стилове на CSS и други скриптови езици.

пет. Inter . Този маркер съдържа името на страницата.

6. Въведете името на страницата. Въведете текста, който ще се показва на раздела Страница.

7. Inter и натиснете ↵ Въведете. Този маркер затваря марката за име на страницата.

Осем. Inter и натиснете ↵ Въведете. Този маркер затваря етикета за описание на страницата. На този етап HTML кодът трябва да изглежда така.

Моята уеб страница

Част 2 от 6:

Как да добавите етикет "тяло" (цялото съдържание)

един. Въведете тагове под затварящия маркер "главата". Този маркер съдържа цялото съдържание на HTML документа. Съдържание Този маркер се показва на уеб страница.

2. Inter . Този маркер съдържа заглавие на страницата. Заглавието е голям текст, който обикновено се намира в горната част на страницата.

3. Въведете заглавието на страницата. Може да е името на страницата или поздрав.

4. Inter След текста на заглавката и кликнете ↵ Въведете. Този маркер затваря етикета за заглавието.

Добавете допълнителни заглавия, ако е необходимо. Можете да създадете до шест заглавия - това се прави с помощта на етикети - . Заглавията ще имат различни размери. Например кодът за създаване на три заглавия с различни размери ще бъде:

Добре дошли в моята страница!Името ми е макс.Надявам се, че няма да бъдете скучни.

пет. Inter . Този етикет съдържа текстов параграф. Такъв етикет ще покаже текста на нормалния размер.

6. Въведете текста. Например, въведете описание на уеб страница или друга информация.

7. Inter След текст и кликнете ↵ Въведете. Този маркер затваря етикета на текста. По-долу е даден пример за параграф в HTML документ:

Това е първият параграф.

За да създадете няколко параграфа под една позиция, добавете няколко реда в един ред.

Променете цвета на текста. В началото на текста въведете етикета , И в края на етикета . Вместо думата "Цвят" Заменете желания цвят (на английски език) и не изтривайте цитати. Тези маркери ще ви позволят да промените цвета на всеки текст (например заглавие). Например, за да направите текстово синьо, въведете следния код: Китове - величествени животни.

Също така, шрифтът може да бъде получер, наклонен и друг. По-долу са примери за форматиране на текст, като използвате HTML тагове:

 Блатен текстов текст на учебника  Заместен текст  Подплатени текстове

Част 3 от 6:

Как да добавите допълнителни елементи

един. Добавете снимка към страницата. За това:

Inter . Този маркер съдържа снимка.
Копирайте и поставете URL адреса на картината след знака за равенство (=) в кавички.
Inter . T След URL изображението за затваряне на етикета на картината. Например, ако URL изображението е http: // Myimage.Com / океан.Jpg, въведете следния код:

 Src ="http: // Myimage.Com / океан.JPG". T

2. Добавете връзка към друга уеб страница. За това:

Inter . Този маркер съдържа връзка към друга страница.

Копирайте и поставете URL адреса след знака за равенство (=) в кавички.

Inter . T След URL адреса за закриване на адреса.

Въведете текста на връзката след символа ">".

Inter След текстова връзка, за да затворите етикета на връзката. По-долу е пример за позоваване на Yandex.

 href ="https: // У а.Резюме"> Yandex.

3. Добавете низов мед. За да направите това, въведете . Ще бъде поставен трансфер на ред. Този маркер може да се използва за разделяне на различните дялове на страницата.

Част 4 от 6:

Как да променяте цветовете

един. Свържете се с официалния си списък с цветове и техните кодове в HTML цвят. Консорциумът на World тел (W3C) води официален списък с цветове, които могат да бъдат намерени в https: // W3.ORG / Wiki / CSS / свойства / цвят / ключови думи. Всеки цвят има официално име, 6-цифрен шестнадесетичен код и десетична. Можете да използвате някой от тези параметри, за да зададете цвета на елементите на страницата си. В този пример ще вземем официалните имена на цветовете.

2. Задайте цвета на фона с помощта на етикета . За да направите това, трябва да добавите атрибут към маркера Стил. Да предположим, че искате да направите фона на цялата страница лавандула (Lavend):

3. Задайте цвят на текст за всеки маркер. Атрибут Стил Можете също да използвате, за да посочите какъв цвят е целият текст в рамките на определен маркер. Например, искате текст в един от вашите маркери беше Среднощно синьо (Тъмно синьо):

Промяната на цвета ще докосне само текст в този маркер . Ако по-късно отворите нов маркер , Когато текстът също трябва да има цвят Среднощно синьо, Атрибутът "стил" ще трябва да го поиска.

4. Задайте цветен фон за заглавие или параграф. Точно както вие посочвате цвета на фона за тялото, можете да изберете цветовете на фона за други маркери. Например, искате цветът на фона беше Светло сив (светло сиво) и цвета на заглавната част на H1 - LightskyBlue (светло синьо):

Част 5 от 6:

Как да затворя HTML кода

един. Inter , За да затворите етикета "тяло". Когато приключите добавянето на текст, изображения и други елементи, въведете посочения маркер в долната част на HTML документа.

2. Inter , За да затворите HTML кода. Въведете този маркер под затварящия маркер "тяло". Така че информирате уеб браузъра, който след този маркер HTML-код не е. Всички HTML код трябва да бъдат приблизително:

Yandex фен страницаПоздрави за вас на моята страница. Фен страница yandexava датира1 януари 2000 - рожден ден andexclinks за yandex: href ="http: // У а.Резюме"> Yandex

Част 6 от 6:

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

един. Конвертирайте документа към нормален текст (само за потребителите на MacOS). Кликнете върху "Формат" (в горната част на екрана)> "Създаване на прост текст" (в падащото меню).

Невъзможно е да не се прави в Windows.

2. Кликнете Файл. Тази опция е в лентата с менюта в горната част на екрана.

3. Кликнете върху Запази като. Тази опция ще намерите в менюто Файл.

Можете също да кликнете върху Ctrl+С (Windows) или ⌘ команда+С (MAC).

4. Въведете името на HTML документа. Въведете го в низа "Име на файла" (Windows) или "Име" (MAC).

пет. Променете файловия формат с txt на html. За това:

Windows - Кликнете върху менюто "Тип на файла", изберете "Всички файлове" и след това влезте .HTML В края на името на файла.

Макрос - в края на името на файла вместо това .ТЕКСТInter .HTML.

6. Кликнете върху Save. Тази опция е в долната част на прозореца. Ще бъде създаден HTML файл.

Обикновено HTML файловете се отварят в уеб браузъра по подразбиране.

7. Затворете текстовия редактор. Сега отворете HTML файла в браузъра, в който можете да видите създадената уеб страница.

Осем. Отворете HTML файла в браузъра. За да направите това, кликнете два пъти върху HTML файла. Ако е уведомена грешка, направете следното:

Windows - Щракнете върху файла с десния бутон на мишката, изберете "Open с" и след това кликнете върху желания браузър.

Макрос - Кликнете върху файла, кликнете върху "Файл", изберете "Open с", след което изберете желания браузър.

девет. Редактиране на HTML документ (ако е необходимо). Може да забележите грешка на страницата. За да го поправите, направете промени в съдържанието на HTML файла:

В Windows кликнете върху файла с десния бутон и изберете "EDIT" (ако Notepad ++ е инсталиран на компютъра, изберете опцията "Редактиране в Notepad ++)).

Кликнете върху файла MacOS, щракнете върху "Файл", изберете "Отвори с" и кликнете върху "Textedit". Сега плъзнете HTML файла в прозореца Textedit.

Съвети

Можете да добавите странична лента на превъртане на текст с помощта на маркер .Но не забравяйте, че някои браузъри не разпознават този маркер.
Много хора използват Notepad ++, за да пишат и компилират кода.
Всеки маркер трябва да се затвори. Например, тагове Тя трябва да бъде затворена като тази: .
За да изясните картината на страницата, въведете След името на картината в "img" маркер (например, Чест.

Предупреждения

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