Основы HTML

Уроки по HTML (основы)

htmlВсемирная паутина соткана из Web-страниц (Web-pages), которые создаются при помощи языка разметки гипертекста HTML (HyperТext Markup Language). HTML не является языком программирования, он предназначен для разметки текстовых документов. Т.е. по большому счету с помощью HTML осуществляется форматирование текста.

Основой языка HТМL являются тэги (tags), именно они определяют  каким образом будет выглядеть текст на Web-странице. Другими словами каждый тэг дает определенную команду браузеру (программе, с помощью которой просматривают Web-странички), браузер понимает эту команду и выводит на экран уже готовый текст, отформатированный в соответствии с указанными тэгами.

HТМL позволяет не только форматировать текст, с его помощью можно вставлять изображения на страницу, создавать таблицы, ссылки и многое другое.

В настоящее время существует множество программ для визуального создания сайтов (Dreamweawer, FrontPage, SharePoint и др.), но даже при работе в таких программах знание HTML необходимо .



 

 

Мы привыкли, что таблица состоит из строк и столбцов и, вставляя таблицу в Word, мы указываем 3 столбца на 2 строки. Вставляя таблицу на HTML-страницу, сначала мы должны показать что сейчас будет таблица. Для этого воспользуемся тэгом <TABLE>. Далее указываем, что сейчас будет строка, используя тэг <TR>. А в этой строке будет три ячейки, и мы пишем три раза <TD>…</TD>.

Получим:

 <TABLE>
<TR>
<TD>…</TD>
<TD>…</TD>
<TD>…</TD> 
 

Для того чтобы вставить изображение предназначен тэг IMG. Но сначала нужно сохранить выбранное изображение в папку images.

Возьмем документ

 <HTML>
<HEAD>
<TITLE>
Описание Ежика
</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">Ёжик</H1>
<P ALIGN="JUSTIFY">
Ёжик – лучший друг Кроша. Не по детски серьёзный, внимательный и совестливый.
В отличии от Кроша, Ёжик хорошо воспитан и не такой активный как его друг.
Имеет хорошую способность мирить тех кто в ссоре. Очень чувствительный к окружающим.
</P>
<P ALIGN="JUSTIFY">
Застенчив и скромен.
</P>
<P ALIGN="JUSTIFY">
Любит когда вещи лежат на своих местах и не любит беспорядок.
Всегда помогает своему лучшему другу, даже когда он не прав.
</P>
</BODY>
</HTML>
 

Для создания ссылки используется тэг <A>.

Ссылка на страницу создается в том случае, когда эта страница уже готова. Например, у нас готовы три страницы портфолио:

index.html

work.html

doctizeniya.html

Страница 2 из 2

instagram Одноклассники Вконтакте Канал на YouTube whatsapp
© 2015-2020 Университетский центр компьютерного обучения "Турбо"
г. Майкоп, ул. Ветеранов, 228, тел.: 8 (8772) 57-11-00, 8(918)213-95-94