Първо ще се запознаем на кратко с HTML.
HTML e съкращение от Hypertext Markup Language или език за маркиране на хипертекст".Той е основният маркиращ език за описание и дизайн на уеб страници.
Основни кодове в HTML
<a> - Създава линк към друга страница или към текущата
<a href> - Създава линк към друга страница или към текущата (разликата тук е , че линкът може да е под формата на флаш банер (активна картинка)
<address> - Определя адрес в страницата
<applet> - Определя началото на java applet
<b> - Удебелява шрифта
<base> - Дефинира базов URL адрес във кода на страницата
<basefont> - Дефинира размера , цжвета и фона на базовия шрифт.
<bgsound> - добавя музика
<big> - Уголемява текста с 1 единица повече от основният
<blackface> - Уголемява текста двойно
<blink> - Текстът премигва
<blockquote> - мести в дясно блок от текст
<body> - Променя фона на станицата.
<br> - Прескача ред
<caption> - Дефинира заглавие на таблица
<center> - Центрира груба от текст,изображения и т.н.
<code> - Форматира текст във поле
<comment>- Прави скрити коментари
<font> - Променя размера,цвета на шрифта.
<h1> - Показва текста като заглавие
<head> - Обозначава главната част на документа
<html> - Обозначава че документа съдържа HTML.
<i> - Показва текста с наклон на дясно
<img> - Добавя изображение или анимация
<input> - Обозначава входно поле.
<menu> - Създава списък.
<option> - Създава списък от , който може да се избира.
<script> - Дефинира начало и крайна скрипт
<select> - Добавя списък , от който може да се избира
<small> - Намаля размера на текста с 1 от базовия.
<strike> - Задрасква текста с линия по средата
<strong> - Удебелява шрифта на текста
<sub> - Показва текста в субскрипт.
<sup> - Показва текста в суперскрипт.
<table> - Създава таблица.
<td> - Обозначава клетка в таблица.
<textarea>- Създава текстово поле.
<th> - Обозначава заглавие на таблица.
<title> - Обозначава заглавие на страница.
<tr> - Обозначава ред в таблица.
<u> - Подчертава текста
С кодът , който виждате са представени основните понятия в HTML.
За да го разгледате е необходимо ,да копирате и поставите кода в Notepad....,file,save as и го запазвате , но задължително да се казва index.html
От тук на долу ще ви представя различни начини за създаване на бутони,страници,менюта,таблици и т.н.
Код за потвърждение: Избери целия код
<BODY BGCOLOR="#0000FF">
<center><title>SOFIACOMPUTERS</title></center>
<center><b>София Компютърс</b></center>
<font color="green"><font size="20"><center><blink>София Компютърс</blink></center></font></font>
<center>София Компютърс</center>
<center><font color="red">София Компютърс</font></center>
<center><font size="22">София Компютърс</font></center>
<font size="17"><center><h1>SOFIACOMPUTER</h1></center></font>
<font size="15"><center><i>София Компютърс</i></center></font>
<font size="13"><center><u>София Компютърс</u></center></font>
<center><img src="http://sofiacomputers.net/Images/public_files/vizitka-popravka-remont-komputri.jpg"></img></center>
<font color="white"><font size="12">Това е една най-елементарна страничка колкото да се придобие някаква впредстава за какво става въпрос изобщо.
Ако искате да създавате сайтове с HTML само със четене по форумите няма да стане.Трябва да се вземе едно учебниче и да се прочете.</font></font>
Създаване на бутон водещ към линк !
Тук ще използваме <a href> и <input type>
Първо си пишем <а href="линк към , който ще ни праща"> , след това ще създадем самият бутон <input type"submit"value="надпис на бутона" style="background:#0002300; color=#ffffff; border:solid 1px #ff0010' /> и завършваме със "</a>"
<a href>....</a>
<input type>....../>
Където #0002300,#ffffff и #ff0010 могат да бъдат най-различни цветове.
Сега би трябвало да се е получило нещо подобно ;
Код за потвърждение: Избери целия код
<a href="http://sofiacomputers.net"><input type="submit" value="SOFIACOMPUTERS" style='background:#0002300; color=#ffffff; border:solid 1px #ff0010' /></a>
Поле за въвеждане : съобщение или коментар !
Задаваме полето с таговете <textarea> и </textarea> , като можем да зададем редове (rows) и колони (cols)
Код за потвърждение: Избери целия код
<p>Какво мислите ?</p><textarea name="coment" rows="2" cols="22"></textarea>
Избор с отметки !
Ще използваме <p>...</p> , </form>....</form>
Код за потвърждение: Избери целия код
<form><p><form><p>Любима марка бира ?</p><selectname="beer"><option>Каменица</option><option>Ариана</option><option>Загорка</option><option>Шшшуменско</option></select></form>
Създаване на падащо меню !
Отново използваме <form> и <option> съответно , формуляр и опции "избирай".Един вид може да се нарече анкета , зависи по какъв начин ще се използва.Тук давам пример със марки ,като Samsung,Sony,Dell,JVC (не ги слагам с цел реклама)
Код за потвърждение: Избери целия код
<form><p> Коя е водещата марка в ИТ технологйите?</p><select name="IT"><option>samsung</option><option>Sony</option><option>Dell</option><option>JVC</option></select></form>
Код за потвърждение: Избери целия код
<BODY BGCOLOR="#0230FF">
<font color="green"><font size="20"><center><blink>София Компютърс</blink></center></font></font>
<center><img src="http://sofiacomputers.net/Images/public_files/vizitka-popravka-remont-komputri.jpg"></img></center>
<font color="white"><font size="12">
<form>Бутон - <a href="http://sofiacomputers.net"><input type="submit" value="SOFIACOMPUTERS" style='background:#0002300; color=#ffffff; border:solid 1px #ff0010' /></a></form>
<center>Поле за въвеждане<p>Какво мислите ?</p><textarea name="coment" rows="20" cols="40"></textarea></center>
<p>Любима марка бира</p>
<form>Ариана:<input type="checkbox" name="beer" value="beer" /><br />Загорка:<input type="checkbox" name="beer" value="beer" /><br />Шуменско:<input type="checkbox" name="beer" value="beer" />
</form></html>
<form><p> Коя е водещата марка в ИТ технологйите?</p><select name="IT"><option>samsung</option><option>Sony</option><option>Dell</option><option>JVC</option></select></form>