Изучите основы HTML для создания своего веб-сайта. Базовый HTML не сложно выучить. Изучение HTML, вероятно, самая важная вещь, которую вы когда-либо будете делать, если захотите создать свой собственный веб-сайт . Вы должны изучить HTML, чтобы создавать хорошие страницы, потому что это язык, на котором основан веб-сайт в Интернете.
Веб-сайты — отличный способ показать что-то в своей жизни. Базовый HTML позволит вам показать миру все, что вы хотите, чтобы показать их на своем веб-сайте. Добавление цветов, изменение размера текста и включение изображений на ваш веб-сайт — это лишь некоторые из вещей, которые вы можете сделать, изучая базовый HTML.
Для изучения базового HTML вы должны иметь в виду, что это просто серия букв, которые являются аббревиатурами того, что они на самом деле обозначают. Например, H1 обозначает заголовок абзаца, который является первым из пяти размеров, а BR — разрыв строки.
При изучении базового HTML важно помнить одну важную вещь: на веб-странице теги HTML должны располагаться в определенном порядке, а большинство тегов HTML должны иметь начальный и конечный тег, чтобы браузер распознавал команду. Конечный тег просто такой же, как начальный тег, за исключением того, что он начинается с символа / . Заголовок будет выглядеть следующим образом: <H1> Заголовок здесь </ H1> . Существует начальный тег <H1> , заголовок и конечный тег </ H1> .
Изучите базовый HTML правильно и помните, что теги должны располагаться в определенном порядке. Основная структура веб-страницы выглядит следующим образом:
<HTML>
<HEAD> Здесь вы можете разместить важную информацию о документе, такую как рамки, язык и специальные инструкции.
<TITLE> Название вашей страницы. </ TITLE>
</ HEAD>
<BODY> Разместите свою историю, картинки, ссылки и все остальное здесь.
<H1> Заголовок вашего абзаца. </ H1>
<P> Здесь вы вводите текст вашего документа. </ P>
Вот как можно написать ссылку:
<A HREF=» http://www.nameofpage.com «> Заголовок или текст, который будет ссылочной ссылкой. </A>
</ BODY>
</ HTML>
Вы также можете ввести ссылку в середине предложения. Если вы хотите сказать: «У Microsoft есть несколько замечательных демонстраций». Это будет выглядеть так:
<A HREF=» http://www.microsoft.com/en/us/default.aspx «> Microsoft </A> предлагает несколько замечательных демонстраций, которые помогут вам изучить базовый HTML.
Вы можете не только создавать ссылки на другие страницы, но вы также можете создавать ссылки на другое место на той же странице. Если бы я хотел, чтобы вы вернулись к началу этой статьи, я бы сказал что-то вроде «Вернуться» и, нажав на гиперссылку, вы вернетесь к началу. Это немного сложнее, потому что есть две части. Прежде всего, вы создаете свою ссылку:
<A HREF=» nameofdocument #There»> Вернуться </A>
Слово «Там» — это слово, к которому я хочу вернуться, поэтому теперь я должен перейти к этому слову, создать и закрепить, чтобы ссылка, которую я только что создал, знала, куда идти:
<A NAME=» Там «> Там </A>
Когда вы изучаете базовый HTML, вы можете написать свой веб-сайт в текстовом редакторе Note Pad, который поставляется с Windows, в таких программах, как NoteTab и Arachnophilia , в программе HTML-редактора, например DreamWeaver, или в вашем веб-браузере . В любом случае, если вы просто следуете правилам, с тех пор как вы изучили базовый HTML, все будет хорошо.
Основные теги HTML
<! -…-> — Авторские комментарии не видны браузеру.
<HTML> … </ HTML> — всегда начинайте и заканчивайте страницу, используя этот тег.
<HEAD> … </ HEAD> — Заголовок для документа.
<BODY> … </ BODY> — Основная часть документа.
<TITLE> … </ TITLE> — Название документа.
<H1> … </ H1> — Наименьший размер заголовка.
<H2> … </ H2> — Малый заголовок.
<H3> … </ H3> — Средний-маленький размер заголовка.
<H4> … </ H4> — Средний большой размер заголовка.
<H5> … </ H5> — Большой размер заголовка.
<H6> … </ H6> — Наибольший размер курса.
<A> … </A> — запускает гипертекстовую ссылку.
<ADDRESS> … </ ADDRESS> — Информация об авторе.
<BLOCKQUOTE> … </ BLOCKQUOTE> — Длинные кавычки.
<PRE> … </ PRE> — предварительно отформатированный текст.
<FORM> … </ FORM> — Блок формы.
<TEXTAREA> … </ TEXTAREA> — создает поле для ввода текста.
<SELECT> … </ SELECT> — создает меню прокрутки.
<OPTION> … </ OPTION> — Создает элементы для выбора.
<DIR> … </ DIR> — Список каталогов.
<OL> … </ OL> — Упорядоченный список.
Пример упорядоченного списка:
- красный
- синий
- зеленый
<UL> … </ UL> — Неупорядоченный список.
Пример неупорядоченного списка:
- красный
- синий
- зеленый
<MENU> … </ MENU> — Список меню.
<DL> … </ DL> — Глоссарий список.
<CITE> … </ CITE> — Цитирование.
<CODE> … </ CODE> — Кодовый шрифт.
<DFN> … </ DFN> — Определенный термин.
<EM> … </ EM> — Акцент.
Пример акцента на красном:
красный, синий, зеленый
<I> … </ I> — Курсив.
Пример курсива:
красный, синий, зеленый
<KBD> … </ KBD> — текст клавиатуры.
<SAMP> … </ SAMP> — образец текста.
<STRONG> … </ STRONG> — Сильный акцент.
Пример сильного акцента:
красный, синий, зеленый
<TT> … </ TT> — Пишущая машинка текста.
<VAR> … </ VAR> — Переменная.
<B> … </ B> — жирный.
<BASE> — Ссылка на местоположение для других URL.
<NEXTID> — позволяет связывать документы.
<META> — Описывает документ.
<BR> — Разрыв строки.
<HR> — Горизонтальная линия.
<IMG> — изображение.
<P> — Абзац.
<LI> — элемент списка.
<DT> — Помечает термин в списке.
<DD> — отмечает определение в списке.