u html head title Мой первый шаг title head

тэг, который мы открыли первым - закрываем последним Верно: <тэг 1><тэг 2><тэг 3>. .

Цвет текста u <html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя

" src="https://present5.com/presentation/5324576_137391285/image-5.jpg" alt="Задать цвет текста документа u Мой первый шаг " />

Задать цвет фона страницы u <html> <head> <title>Мой первый шаг </title> </head> <body text=

Параграфы u Параграфы вводятся тэгом: <p></p> С помощью параграфов мы можем центрировать текст: <p

" src="https://present5.com/presentation/5324576_137391285/image-8.jpg" alt="Пример центрирования параграфа u Мой первый шаг " />

Заголовки u <H 1> текст </H 1> u <H 2> текст </H 2> u

Пример использования тэга заголовка u <html> <head> <title>Мой первый шаг </title> </head> <body text=

текст " src="https://present5.com/presentation/5324576_137391285/image-11.jpg" alt="атрибут size тэга для выделения больших фрагментов текста u текст " />

<b> Полужирный текст </b> <i> Наклонный текст (курсив) </i> u <html> <head> <title>Мой первый

Моноширинный шрифт u <tt> моноширинный шрифт </tt> моноширинным шрифтом отображается текст заключенный в тэг

u u <tt><b><i> текст </i></b></tt> <u> Подчеркнутый текст </u> <strike> Перечеркнутый </strike> <s> Перечеркнутый

текст (шрифт Arial) u u Times; Times New" src="https://present5.com/presentation/5324576_137391285/image-16.jpg" alt="задать тип шрифта u текст (шрифт Arial) u u Times; Times New" />

u

u u

u

Вставим картинки в документ u <html> <head> <title>Мой первый шаг </title> </head> <body text=

Выравнивание текста по картинке u u <img src=

" src="https://present5.com/presentation/5324576_137391285/image-20.jpg" alt="Параметры оформления картинки u Мой первый шаг " />

" src="https://present5.com/presentation/5324576_137391285/image-21.jpg" alt="Картинка – фон документа u " />

Текстовая ссылка на документ Создать новый документ в своей папке (например prf. html) u

Пример разметки ссылки-фразы <html> <head> <title>Мой первый шаг </title> </head> <body text=

посмотреть мои фотографии u посмотреть мои фотографии u

Разметка подсказки u при наведении мышки на ссылку появится подсказка: <a href=

Чтобы сделать картинку ссылкой на ваш" src="https://present5.com/presentation/5324576_137391285/image-26.jpg" alt="Разметка ссылки-картинки u

Чтобы сделать картинку ссылкой на ваш" />

Пример ссылки-изображения <html> <head> <title>Мой первый шаг </title> </head> <body text=

Расширения ссылок u ссылка может быть не только на документ с расширением *. html,

Разметка таблицы Таблица задается тэгом: <table></table> таблица состоит из строк и столбцов (ячеек): <tr></tr>

Разметка таблицы <table> <tr> <td></td> <td></td> </tr> </table> Таблица, состоящая из двух строк и

1 x 1 1 x 1

задаем цвет строки таблицы u задаем цвет" src="https://present5.com/presentation/5324576_137391285/image-32.jpg" alt="u задаем цвет строки таблицы u

задаем цвет" />

" src="https://present5.com/presentation/5324576_137391285/image-33.jpg" alt="Установка ширины и высоты ячеек таблицы u

" />

1" src="https://present5.com/presentation/5324576_137391285/image-34.jpg" alt="Выравнивание текста внутри ячейки таблицы

1" />

" src="https://present5.com/presentation/5324576_137391285/image-35.jpg" alt="Выравнивание по верхнему/нижнему краю ячейки u 1 x 1 Цвет и текст внутри ячейки таблицы

" />

Объединение ячеек u colspan - определяет количество столбцов, на которые простирается данная ячейка. u

Объединений 1 и 2 ячеек первой строки u <table> <tr> <td height=

1" src="https://present5.com/presentation/5324576_137391285/image-38.jpg" alt="Объединение 1 и 2 ячеек третьего столбца " src="https://present5.com/presentation/5324576_137391285/image-39.jpg" alt="Пример объединения u

1" />

1 x 1

" />

- строчка таблицы - столбец (ячейка) таблицы Таблица из двух строк

1 x 1

Пример странички организованной с помощью таблицы <html> <head> <title>Мой первый сайт с таблицами</title> </head>

Скачать презентацию u html head title Мой первый шаг title head

120912 html с 22 слайда л.р. 2.ppt

Количество слайдов: 41

u <html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. u Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! : )

тэг, который мы открыли первым - закрываем последним Верно: <тэг 1><тэг 2><тэг 3>. . . Неверно: <тэг 1><тэг 2><тэг 3>. . .

Цвет текста u <html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя Цвет текста u Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! : )

" src="https://present5.com/presentation/5324576_137391285/image-5.jpg" alt="Задать цвет текста документа u Мой первый шаг " /> Задать цвет текста документа u Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! : )

Задать цвет фона страницы u <html> <head> <title>Мой первый шаг </title> </head> <body text= Задать цвет фона страницы u Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! : )

Параграфы u Параграфы вводятся тэгом:

С помощью параграфов мы можем центрировать текст:

текст

С помощью параграфов мы можем выровнять текст по левому краю:

текст

По правому краю документа:

текст

По обоим краям документа:

текст

" src="https://present5.com/presentation/5324576_137391285/image-8.jpg" alt="Пример центрирования параграфа u Мой первый шаг " /> Пример центрирования параграфа u Мой первый шаг

Здравствуйте, это моя первая страница. Добро пожаловать! : )

Заголовки u <H 1> текст </H 1> u <H 2> текст </H 2> u Заголовки u текст u текст u текст u текст u текст u текст

Пример использования тэга заголовка u Мой первый шаг

Здравствуйте, это моя первая страница. Добро пожаловать! : )

Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? : )

атрибут size тэга <font></font> для выделения больших фрагментов текста u <font size= текст " src="https://present5.com/presentation/5324576_137391285/image-11.jpg" alt="атрибут size тэга для выделения больших фрагментов текста u текст " /> атрибут size тэга для выделения больших фрагментов текста u текст текст текст текст текст текст текст

u <html> <head> <title>Мой первый шаг </title> </head> <body text=

u Мой первый шаг

Здравствуйте, это моя первая страница. Добро пожаловать! : )

Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? : )

<b> Полужирный текст </b> <i> Наклонный текст (курсив) </i> u <html> <head> <title>Мой первый Полужирный текст Наклонный текст (курсив) u Мой первый шаг

Здравствуйте, это моя первая страница. Добро пожаловать! : )

Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? : )

Моноширинный шрифт u <tt> моноширинный шрифт </tt> моноширинным шрифтом отображается текст заключенный в тэг Моноширинный шрифт u моноширинный шрифт моноширинным шрифтом отображается текст заключенный в тэг

текст, заключенный в тэг

, выводится с точностью до пробела так, как вы его набили в блокноте u

u u <tt><b><i> текст </i></b></tt> <u> Подчеркнутый текст </u> <strike> Перечеркнутый </strike> <s> Перечеркнутый u u текст Подчеркнутый текст ~~Перечеркнутый~~ ~~Перечеркнутый~~ Малый Нормальный текст Большой u Верхний индекс ^sup Нижний индекс _sub

задать тип шрифта u <font face= текст (шрифт Arial) u u Times; Times New" src="https://present5.com/presentation/5324576_137391285/image-16.jpg" alt="задать тип шрифта u текст (шрифт Arial) u u Times; Times New" /> задать тип шрифта u текст (шрифт Arial) u u Times; Times New Roman; Arial; Helvetica; Courier; Verdana; Tahoma; Cosmic Sans; Garamond u текст (шрифт Arial) u u u u

u u u u вставим картинки в документ u u u u

Вставим картинки в документ u Мой первый шаг

Здравствуйте, это моя первая страница. Добро пожаловать! : )

Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? : )

Выравнивание текста по картинке u u (1) - (2) - (3) - (1) - (2) - (3) - моя фотография (4) - (5) - (6) -

" src="https://present5.com/presentation/5324576_137391285/image-20.jpg" alt="Параметры оформления картинки u Мой первый шаг " /> Параметры оформления картинки u Мой первый шаг

Здравствуйте, это моя первая страница. Добро пожаловать! : )

моя фотография Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? : ) На фотографии изображен(а) я. Качество картинки не очень хорошее, к сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в целом заметно, что я вполне ничего: ) Если ты так тоже думаешь, то давай как-нибудь встретимcя, поболтаем, чайку попьем в кафешке? : ) Кто знает, может быть мы и в реальной жизни станем друзьями: )

Картинка – фон документа u <body text= " src="https://present5.com/presentation/5324576_137391285/image-21.jpg" alt="Картинка – фон документа u " /> Картинка – фон документа u

Текстовая ссылка на документ Создать новый документ в своей папке (например prf. html) u Выделить фразу или слово как ссылку на страницу посмотреть мои фотографии u Тэг делает ссылкой заключенную в него картинку или фразу (текст). Принципы прописывания: (1) (2) (3) (1) - мои фотографии (2) - мои фотографии (3) - мои фотографии документ лежит в той же директории (папке), что и документ, в котором мы ссылаемся на prf. html документ лежит в поддиректории /photos, мы ссылаемся на сайт http: //www. homepage. ru, где лежит нужный нам документ.

Пример разметки ссылки-фразы <html> <head> <title>Мой первый шаг </title> </head> <body text= Пример разметки ссылки-фразы Мой первый шаг

Здравствуйте, это моя первая страница. Добро пожаловать! : )

моя фотография Я совсем недавно начал(а) знакомиться с виртуальной жизнью, и мне захотелось создать свою домашнюю страничку для моих виртуальных друзей, чтобы они могли посмотреть мои фотографии, почитать обо мне. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? : ) < br> На фотографии изображен(а) я. Качество картинки не очень хорошее, и разглядеть черты моего лица проблематично. Но в целом заметно, что я вполне ничего: ) Если ты так тоже думаешь, то давай встретимся, поболтаем? : ) Кто знает, может быть мы и в реальной жизни станем друзьями: )

посмотреть мои фотографии u посмотреть мои фотографии u Выделение фразы-ссылки другим цветом u посмотреть мои фотографии u - прописывается внутри тэга

Разметка подсказки u при наведении мышки на ссылку появится подсказка: текст-ссылка

Разметка ссылки-картинки u <a href= Чтобы сделать картинку ссылкой на ваш" src="https://present5.com/presentation/5324576_137391285/image-26.jpg" alt="Разметка ссылки-картинки u Чтобы сделать картинку ссылкой на ваш" /> Разметка ссылки-картинки u Чтобы сделать картинку ссылкой на ваш почтовый ящик, то принцип тот же:

Пример ссылки-изображения <html> <head> <title>Мой первый шаг </title> </head> <body text= Пример ссылки-изображения Мой первый шаг

Здравствуйте, это моя первая страница. Добро пожаловать! : )

Я совсем недавно начал(а) знакомиться с виртуальной жизнью и мне захотелось создать свою страничку для моих друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? : ) На фотографии изображен(а) я. Качество картинки не очень хорошее, но в целом заметно, что я вполне ничего: ) Если ты так тоже думаешь, то давай как-нибудь встретимcя, поболтаем, чайку попьем в кафешке? : ) Кто знает, может быть мы и в реальной жизни станем друзьями: )

Расширения ссылок u ссылка может быть не только на документ с расширением *. html, но и на: *. doc, *. mp 3, *. jpg, *. gif, *. txt, *. zip, *. exe и т. д. скачать песню

Разметка таблицы Таблица задается тэгом:

таблица состоит из строк и столбцов (ячеек):

Разметка таблицы <table> <tr> <td></td> <td></td> </tr> </table> Таблица, состоящая из двух строк и Разметка таблицы

Таблица, состоящая из двух строк и трех столбцов

Цвет и текст внутри ячейки таблицы <table> <tr> <td bgcolor= 1 x 1

1 x 1	1 x 2	1 x 3
2 x 1	2 x 2	2 x 3

u <tr bgcolor= задаем цвет строки таблицы u

задаем цвет" src="https://present5.com/presentation/5324576_137391285/image-32.jpg" alt="u задаем цвет строки таблицы u

задаем цвет" /> u задаем цвет строки таблицы u

задаем цвет фона таблицы

" src="https://present5.com/presentation/5324576_137391285/image-33.jpg" alt="Установка ширины и высоты ячеек таблицы u

" /> Установка ширины и высоты ячеек таблицы u

1 x 1	1 x 2	1 x 3
2 x 1	2 x 2	2 x 3

Выравнивание текста внутри ячейки таблицы <table> <tr> <td height=

1" src="https://present5.com/presentation/5324576_137391285/image-34.jpg" alt="Выравнивание текста внутри ячейки таблицы

1" /> Выравнивание текста внутри ячейки таблицы

1 x 1	1 x 2	1 x 3
2 x 1	2 x 2	2 x 3

" src="https://present5.com/presentation/5324576_137391285/image-35.jpg" alt="Выравнивание по верхнему/нижнему краю ячейки u

" /> Выравнивание по верхнему/нижнему краю ячейки u

1 x 1	1 x 2	1 x 3
2 x 1	2 x 2	2 x 3

Объединение ячеек u colspan - определяет количество столбцов, на которые простирается данная ячейка. u rowspan - количество рядов Данные параметры могут принимать значение от 2 и больше, т. е. наша ячейка может растягиваться на два и более столбца/ряда.

Объединений 1 и 2 ячеек первой строки u

1 x 1		1 x 2
2 x 1	2 x 2	2 x 3

Объединение 1 и 2 ячеек третьего столбца <table> <tr> <td height=

1" src="https://present5.com/presentation/5324576_137391285/image-38.jpg" alt="Объединение 1 и 2 ячеек третьего столбца " src="https://present5.com/presentation/5324576_137391285/image-39.jpg" alt="Пример объединения u

1" /> Объединение 1 и 2 ячеек третьего столбца

1 x 1	1 x 2	1 x 3
2 x 1	2 x 2	1 x 3

Пример объединения u <table> <tr> <td height=

1 x 1

" /> Пример объединения u

1 x 1

1 x 1		1 x 2
2 x 1	2 x 2

Установка размера пространства между ячейками атрибута cellspacing u <table cellspacing=

Установка размера пространства между ячейками атрибута cellspacing u

1 x 1		1 x 2
2 x 1	2 x 2

Пример странички организованной с помощью таблицы Мой первый сайт с таблицами

Добро пожаловать на мою страницу! Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомиться со мной, и у меня появится еще один виртуальный друг? : ) На фотографии изображен(а) я. Качество картинки не очень хорошее, к сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в целом заметно, что я вполне ничего: ) Если ты так тоже думаешь, то давай как-нибудь встретимся, поболтаем, чайку попьем в кафешке? : ) Кто знает, может быть, мы и в реальной жизни станем друзьями: )
напиши мне письмо	посмотри мои фотографии