HTML


Езикът за маркиране на хипертекст (HTML) е език за маркиране за създаване на уебстраници. Уебстраниците обикновено се разглеждат в уеб браузър. Те могат да включват текстове, връзки, снимки и дори звук и видео. HTML се използва за маркиране и описване на всеки от тези видове съдържание, така че уеб браузърът да може да ги показва правилно. HTML може да се използва и за добавяне на метаинформация към дадена уебстраница. Мета информацията обикновено не се показва от уеб браузърите и представлява данни за уеб страницата, например името на лицето, създало страницата. Каскадните таблици със стилове (CSS) се използват за оформяне на стиловете на HTML елементите, а JavaScript се използва за манипулиране на HTML елементите и CSS стиловете.

HTML е създаден от World Wide Web Consortium (W3C). Съществуват няколко версии на HTML. От септември 2018 г. настоящият стандарт на HTML се нарича HTML 5 и е конкретно във версия 5.2.

Етикети

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

Някои тагове работят само в определени браузъри. Например тагът <menuitem>, който се използва, за да накара нещо да се появи, когато човек натисне десния бутон на мишката, работи само в браузъра Mozilla Firefox. Другите браузъри просто игнорират този таг и показват написаното нормално. Много създатели на уебстраници избягват да използват тези "нестандартни" тагове, защото искат техните страници да изглеждат еднакво при всички браузъри.

Пример

Ето една примерна страница в HTML.

 1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Това е заглавието на страницата. </title> 5 </head> 6 < body> 7 < p> Това е параграф. </p> 8 < a href="https://www.domain.com"> Това е връзка. </a> 9 < img src="image.jpg" alt="Изображение"> 10 </body> 11 </html>

Една проста HTML страница би била следната: един параграф с "Hello world! ", написан върху него.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Здравей! </title> 5 </head> 6 < body> 7 < p> Здравей, свят! </p> 8 </body> 9 </html>

Основни HTML тагове

 

Име на етикета

Име

Функция

Пример за код

<!DOCTYPE>

Дотип

Определя типа на документа

<!DOCTYPE html>

<html>

HTML

Дефинира HTML документ и стартира HTML документ.

< html> Целият код</html>

<head>

Глава

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

< head></head>

<title>

Заглавие

Определя заглавието на уебстраницата (показва се в раздела) и се въвежда в <head>.

<заглавие> Уебстраница</заглавие>

<body>

Body

Съдържа видимите елементи на уебстраницата (и съдържа параграф и други)

< body> Html тагове</body>

<h1> до <h6>

Заглавия

Заглавия с различни размери (<h1> е най-голямото)

< h1> Заглавие</h1>

Параграф

Определя параграф от текст

< p> ТЕКСТ</p>

Котва

Създава активни връзки към други уеб страници

< a href="www.domain.com"> Посетете нашия сайт</a>

<img>

Изображение

Показва изображение на страницата

< img src="ImageUrl" alt="Текст, който се показва, ако изображението не е налично">

<br>

Прекъсване

Вмъква единично прекъсване на реда

Текст < br> Текст

 

<center>

Център

Преместване на съдържанието в центъра на страницата

< center> Код</center>

<script>

Скрипт

Създава скрипт в уебстраницата, обикновено написан на JavaScript.

< script> document. write("Hello World!")</script>

Използване на HTML етикети

Създаване на уеб страница

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

Първо, трябва да намерите място, където да въведете HTML таговете (препоръчвам бележник) и да ги запишете.

Ето още един пример за страница с HTML етикет.

<html>

<head>

<title> Здравейте! <title>

<h1> Здравей, свят!</h1>

</head>

<body>

<p>

Това е страница с HTML етикет.

</p>

<footer>

От: *Вмъкнете името тук*

</footer>

</html>

След като приключите, запишете в този формат: helloworld.htm

(не поставяйте интервали)

И готово! След като го запазите в компютъра си, ако натиснете бутона, той ще ви изпрати към вашата уеб страница в Google!

Въпроси и отговори

В: Какво е HTML?


О: HTML е вид език за маркиране, който се използва за създаване на уебстраници, съдържащи текстове, връзки, снимки и аудиовизуални материали.

В: Каква е функцията на HTML?


О: Функцията на HTML е да указва на уеб браузърите как трябва да изглеждат уеб страниците и да добавя мета информация, като например името на създателя на уеб страницата.

В: Кои са някои примери за медии, които могат да бъдат включени в уебстраници, създадени с помощта на HTML?


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

В: Как CSS допълва HTML?


О: CSS се използва за промяна на външния вид на HTML страниците.

В: Каква е ролята на JavaScript в разработването на уебсайтове?


О: JavaScript е основен скриптов език при разработването на уеб страници, тъй като той указва на уебсайтовете как да се държат и може да променя външния вид на HTML и CSS.

В: Кой отговаря за създаването на HTML?


О: HTML се създава от World Wide Web Consortium (W3C).

В: Коя е текущата стандартна версия на HTML?


О: Към септември 2018 г. HTML 5 е най-новата стандартна версия на HTML във версия 5.2.

AlegsaOnline.com - 2020 / 2023 - License CC3