Уроки по 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
|
Подробнее
Способов выравнивания блоков довольно много. Каждый выбирает для себя более привычный. Я опишу 5 способов, выбирайте наиболее подходящий.
Подробнее
