Содержание рассылки:
- Новости
- Изучаем HTML
- Ответы на вопросы
- Контакты
1. Новости
Привет.
Одна из главных новостей на сегодня, это появление почтового ящика stroimsait@front.ru. Если Вы хотите связаться со мной то пишите именно сюда.
Еще одна хорошая новость. За эту неделю на рассылку подписались более 1000 человек. Чему я конечно очень рада.
Так же не могу не пожелать удачи на экзаменах. Так как предполагаю что у многих сейчас трудная пора: сессии, вступительные и прочие экзамены. От души желаю Вам удачи, добрых преподавателей, и конечно халявы.
2.a. Предисловие
Начнем по немного изучать HTML.
Основа языка HTML - теги , используемые для помещения или изменения внешнего вида какого-либо элемента на странице. Весь HTML-документ состоит из ряда следующих друг за другом тегов, с атрибутами, которым присваиваются значения.
Вспомним пример:
<HTML>
<HEAD>
<TITLE> У вас все вышло </TITLE>
</HEAD>
<BODY>
<p> Поздравляю у Вас все вышло. </p>
</BODY>
</HTML>
Все теги заключены в кавычки < >
Что бы вы не хотели сделать обязательно наличие следующих тегов, в следующей последовательности.
<HTML> // Этот тэг открывает документ
<HEAD>// Голова документа (с английского head) Сюда вписывается служебная информация
<TITLE> </TITLE> // Заголовок (см. заголовок окна в Internet Explore)
</HEAD>
<BODY>//Тело документа (с английского body). Здесь можно распологать свою информацию, рисунки, таблицы и пр.
</BODY>
</HTML>// Этот тэг закрывает документ
Так же смотрите рисунок здесь
Как правило, существует стартовый тэг и завершающий тэг (некоторые теги могут использоваться и без завершающего тега)
Обратите внимание на теги с </тег> это закрывающий тег. Закрывающий теги
начинаются со знака "/".
<html> открывающий тег
</html> закрывающий тег
<title> открывающий тег
</title> закрывающий тег
и т.д. и т.п.
2.b. Тег параграфа (абзаца)
<p></p> тег параграфа. (Этот тег используется для разметки параграфов)
У тегов могут быть атрибуты и значение. Они нужны для уточнения. Допустим можно вставить просто текст, а можно уточнить точное положение (центр, левый или правый край)
Для этого рассмотрим атрибут align (с английского выровнять).
У этого атрибута может быть 4 значения: center (центр), left (левый край), right (правый край), justify (выравнивает текст по обоим краям документа).
Внимание!!! Значение Justify поддерживаемое только современными браузерами. Не понимающие justify браузеры будут выравнивать текст по левому краю.
Используем вот такую конструкцию.
<тег атрибут="значение">, получаем
<p align="center">(где p является тегом, align-это атрибут и сenter-значение)
P.S. Ели перевести дословно с английского мы получим: < параграф выровнять ='центр'>
Так же смотрите рисунок здесь
Пример:
<p align="center">тут пишем сам текст </p>//текст выравнивается по центру.
<p align="left">тут пишем сам текст </p>//текст выравнивается по левому краю.
<p align="right">тут пишем сам текст </p>//текст выравнивается по правому краю.
<p align="justify">тут пишем сам текст </p>//текст выравнивается обоим краям документа.
Применим наши знания на практике.
1)Создадим документ с расширением html (см. как это делалось ранее или используйте ранее созданный файл Текстовый документ.html)
2) Вставляем туда обязательные теги
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
3) Между <TITLE> </TITLE> вставляем заголовок Изучаем HTML
<HTML>
<HEAD>
<TITLE>Изучаем HTML </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
4) Как мы помним между тегами <BODY> и </BODY> находится само содержание документа.
Сюда то мы и вставим тег параграфа. А между тегами<p> </p> напишим сам текст.
<HTML>
<HEAD>
<TITLE>Изучаем HTML </TITLE>
</HEAD>
<BODY><p> Сама по себе аббревиатура HTML расшифровывается так - Hyper Text Markup Language, по-русски - язык гипертекстовой разметки. Открыв любую страничку в Интернете вы можете просмотреть ее HTML-код. В меню вид выберите пункт просмотр HTML-кода.</p>
</BODY>
</HTML>
Сохраняем и смотрим что вышло. Открыв файл мы видим текст и заголовок вверху окна в Internet Explore изучаем HTML
5) Теперь добавим атрибут . Напомню конструкцию <тег атрибут ="значение ">
<HTML>
<HEAD>
<TITLE>Изучаем HTML </TITLE>
</HEAD>
<BODY><p align ="right"> Сама по себе аббревиатура HTML расшифровывается так - Hyper Text Markup Language, по-русски - язык гипертекстовой разметки. Открыв любую страничку в Интернете вы можете просмотреть ее HTML-код. В меню вид выберите пункт просмотр HTML-кода.</p>
</BODY>
</HTML>
Текст выравнивается по правому краю.
6) Заменим значение right на justify
<HTML>
<HEAD>
<TITLE>Изучаем HTML </TITLE>
</HEAD>
<BODY><p align ="justify"> Сама по себе аббревиатура HTML расшифровывается так - Hyper Text Markup Language, по-русски - язык гипертекстовой разметки. Открыв любую страничку в Интернете вы можете просмотреть ее HTML-код. В меню вид выберите пункт просмотр HTML-кода.</p>
</BODY>
</HTML>
Текст выравнивается по обоим краям документа.
7) Допустим мы хотим сделать новый абзац. Просто добавляем в этом месте <p>
<HTML>
<HEAD>
<TITLE>Изучаем HTML </TITLE>
</HEAD>
<BODY><p align ="justify"> Сама по себе аббревиатура HTML расшифровывается так - Hyper Text Markup Language, по-русски - язык гипертекстовой разметки. <p> Открыв любую страничку в Интернете вы можете просмотреть ее HTML-код. В меню вид выберите пункт просмотр HTML-кода.</p>
</BODY>
</HTML>
8) Поэкспериментируете сами. Меняя параметры, заголовок и добавляя все новые параграфы.
3. Ответы на вопросы
Вопрос: Зачем Вам изучать HTML?
Очень часто возникает вопрос а зачем вообще изучать HTML , ведь существует массу специальными редакторов и конвертеров существующих для быстрой верстке страниц.
Во первых редакторы очень часто ограничены в своих возможностях, содержат ошибки или производят плохой HTML код и его приходиться исправлять в ручную для чего опять же необходимы хотя бы начальные знания HTML.
Во вторых иногда легче изучить HTML чем разобраться с редактором.
Ну и в конце концов страничка, созданная своими руками - это страничка, созданная своими руками.
Так же подробности по этой теме смотри здесь
4. Контакты
Задать свои вопросы
Поделиться мнением, успехами и неудачами Вы можете по адресу stroimsait@front.ru
Основные вопросы будут рассматриваться в следующих рассылках.
© 2003 Troitskaya Ketee