Как да създадете първата (HTML) страница - оформление на HTML

Създаване на уеб документи

Подготовка за създаване на уеб сайт

Като пример, подготви WEB страница на дадена компания. Ние я наричаме "на фирмата SD», нека приемем, че тя работи в областта на автоматизираните системи за управление. Целта на уеб сайт - кажете на света за една компания, неговата сфера на дейност, за партньори и клиенти изглеждат.

За файлове на нашия уеб сайт изисква отделна папка.

Направете папка с името на мрежата на всеки твърд диск на вашия компютър. Сега стартирайте програмата от Notepad (Notepad) и се захващаме за работа.

Отворете програмата от, например Notepad (Notepad), като кликнете върху бутона Start (Старт) в системната лента (лентата на задачите) и изберете от показаните аплети меню - Конвенционални - Notepad (Програми - Аксесоари - Notepad).

На първо място, ние се въведе основните тагове, които определят структурата на всеки HTML документ. Спомнете си, че в HTML кода е разрешено да използва поне някои малки и големи букви - горната или долната част.

Въведете следните ключови тагове, поставяйки някоя от тях, с изключение на затварящия маркер , в модерния бар.

За да влезете в един чифт тагове, можете да използвате операции за копиране и поставяне чрез клипборда на Windows със следната добавка на наклонена черта / характер.

Спомнете си, че първият и последно тагове означават, съответно, в началото и в края на елемента на документ ... определя глава уеб страница елемент ... - тялото на документа, и на елемента ние сме в момента ние говорим за уеб страница заглавие.

между отвора тагове вмъкнете заглавието на документа - SD Company. Този елемент трябва да изглежда последващо начин:

Нашата следваща задача - да се придържаме към тялото на документа между таговете ... малък текстов поздрав гости WEB страница.

Поставете празен ред между маркерите и и го въведете в следния текст:

Добре дошли в SD на компанията! Тук ще научите повече за нашата дейност, софтуерни продукти на компанията и на оборудването, което ние произвеждаме.

За всяка уеб страница ще намерите цвета на фона и цвета на текста. Това се прави с помощта на BGCOLOR атрибут и текст отваряне таг . За определяне на цвят като стойностите на атрибутите, има две възможности:

• вербална посочване на наименованието на съответния цвят, например, бял (снежно бяло). В HTML предвидено шестнадесет такива имена;
• Digital Signage е като шестнадесетично число, например, "#ffffff" - чисто бяло, която показва как се формира от цвета на основните цветове - червено, зелено и синьо.

Оцветяване първата уеб страница

Естествено, вербална индикация цвят по-удобно и ясно. От друга страна, числените обозначения са дадени повече възможности, защото ви позволяват да се уточни почти всяка от 16,777,215 цвята, докато словесни наименования са ограничени само шестнадесет цветове.

Посочваме някои имена на цветове: черен (черен), сив (сиво), червено (червено), зелен (зелен), аква (в синьо).

Използвайте като пример за фона на нашата уеб страница циан (синьо), а за текста - жълто (жълто).

Включете началния маркер атрибути BGCOLOR = "сините" и текстът = "жълто". Този маркер трябва да бъде под формата на:

Отделно от уточняване на цветовете за уеб страница, на фона може да се използва като контур подготвен предварително. Но ние ще говорим за това по време на предстоящите.

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

В Notepad на прозореца на програмата (Notepad) избира от менюто File - Save (File - Save). Запазване на диалоговия (Save As) на дисплея.

Open-рано направи WEB папка, към който е длъжен да пази всички файлове уеб сайт.

В името на входен файл (име на файла), въведете other.html - така че ще се обадя този файл.

Кликнете върху Запазване (Save). Запази Dialog (Save As) се затваря. Файлът ще бъде записан в определена папка и името му се появява в заглавието на Notepad прозореца аплети (Notepad).

Погледнете нагоре работата

Без затваряне, навивам прозореца аплети Notepad (Notepad).

Open използвайки аплети Explorer (Windows Explorer) WEB папка, в която сте записали other.html файл и кликнете два пъти върху иконата му. браузър по подразбиране ще се стартира и ще се отвори other.html прозорец документ.

Виждате ли, в заглавната лента на браузъра показва заглавието на документа, който въведохме в елемента , и цвета на фона на страницата и на текста - са както са определени в маркера . Текстът се показва в същия параграф, и ляво подравнени.

Може би във вашия браузър размера на текста ще бъде по-голям или по-малък от фигурата. В този случай, изберете за командата Изглед на - Размер на текста - Среден (View - Размер на текста - Medium) в браузъра Internet Explorer, за да се установи със среден размер на шрифта.

Трябва да се разбере, че различните браузъри могат да имат различни показване на съдържанието на 1-ви и една и съща HTML файл. Тъй като развитието на уеб страници винаги е по-добре да видите резултата във всички по-любими браузъри - Internet Explorer, Opera, Mozilla. В този случай, ще се убедите, че вашият сайт посетител WEB ще видите точно това, което искате да се показва.

Без затваряне, завъртете прозореца на браузъра.

Тъй като елемент ние въведохме текста, без разделяне на параграфи, браузърът се появява под формата на първа алинея и ляво подравнени. Кой трябва да направи текста по-приятен.

Допълнителна информация за

Описание на това как лесно и правилно направени списъци със стойностите в интернет страници (HTML)