Что такое HTML-теги?
Приветствую Вас, дорогие посетители моего сайта, сегодня я решил приступить к написанию серии статей справочника по HTML, в которых расскажу основы данного языка гипертекстовой разметки HTML. Многим начинающим вебмастерам будет полезно выучить данный язык, чтобы начать лучше ориентироваться в коде, ведь с помощью него можно с нуля разработать свой сайт, изменяя и добавляя различные формы, контейнеры и ссылки. Так же, выучив его, можно поменять дизайн веб-проекта, сделав его более красочным, удобным и запоминающимся.
Вообще, HTML код можно писать даже в блокноте, но я Вам посоветую скачать отдельные программы для этой цели: Home Site или Sublime Text и др. Загрузить их Вы можете на многих сайтах в Интернете, просто введя название в поисковую систему и перейдя на один из них. Преимущество Home Site:
- с помощью нее можно мгновенно проверить результат своей работы, нажав при этом всего лишь одну кнопку мыши
- она ускорит написание кода с помощью автоматического закрытия тегов и высветить список всех тегов и атрибутов языка.
Но это еще не все полезные ее функции, и чтобы рассказать про каждую из них, не хватит целой статьи.
Разбираться с вопросом как создать веб-сайт самому я начал с одной замечательной книги, которая была специально предназначена для пользователей-новичков, почти ничего не понимающих в программировании. Она называлась «HTML в действии», автора Б. Морриса. Книга эта не очень большого объема – всего лишь 250 страниц, но автор постарался вместить как можно больше полезной информации в каждую из них. В ней речь идет о конце 90-х годов, именно в то время, когда были выпущены одни из первых версий языка HTML, но даже сейчас не потеряла своей актуальности. С помощью данной книги, я потратил всего лишь две недели на обучение, что является неплохим результатом.
Итак, перед тем, как приступить к изучению языка HTML, необходимо разобрать некоторые нюансы, а именно, я расскажу Вам, что такое «теги», атрибуты для тегов и как правильно их писать.
Что такое HTML теги?
Теги – это специальные функции языка HTML, с помощью которых и осуществляется разметка той или иной страницы сайта. Каждый из них обладает собственными характеристиками и предназначен для решения той или иной поставленной задачи. Иными словами, если, например, Вы захотите добавить на страницу какое-нибудь изображение, то для этого необходимо будет прописать тег <img> с определенными атрибутами внутри себя. Думаю, Вы уловили мою мысль.
Но что же такое атрибуты? Атрибуты – это некоторые значения внутри тегов, с помощью которых можно им придать дополнительные свойства, вроде сдвига в определенную сторону, задания необходимого цвета текста и т.д. Они прописываются внутри скобочек тегов, напоминающие символы меньше и больше < >. Например, Вы написали тег-ссылка:
<a href=»#»>Текст</a>
где href – это специальный атрибут, в который пишется ссылка на другой ресурс или сайт. Пользователь, нажав по надписи «Текст», перейдет по определенному адресу — подставляете вместо символа # — «www.site.ru». Каждый тег имеет собственное количество атрибутов, но есть и такие, которые не имеют ни одного.
Иногда прописывание атрибутов внутри тегов является обязательным. Например, вышеупомянутый тег <a> всегда должен иметь в себе атрибут href, ведь без него он не будет иметь никакого смысла. Так же, тег <img> всегда должен содержать атрибут src, предназначенный для определения ссылки на заранее загруженное изображение.
Язык HTML не очень критично относиться к правилам написания и расположения тегов в коде. Например, код:
<html><head><title>Страница 1</title></head><body><img src="ссылка"></body></html> |
вполне нормально будет работать и без единой ошибки. Но я все-таки не советую Вам писать подобным образом, потому что, одно дело, когда код страницы будет состоять из пары десятков тегов, а совсем другое – когда он будет содержать в себе их тысячи-тысяч. Разобраться в подобном коде будет потом ох как проблематично, поэтому лучше всего с самого начала написания кода придерживаться определенных правил написания тегов, перенося каждый из них на новую строку.
В следующей статье справочника по HTML я приступлю к рассмотрению основ данного языка разметки.