Архив рубрики: Уроки HTML

создаем таблицы

Дальше мы научимся создавать таблицы. Таблица задается тэгом: <table> </table> ещё она состоит из строк и столбцов, поэтому нам надо указать и их. <tr> </tr> — строчка таблицы <td> </td> — столбец (ячейка) таблицы И так давайте создадим таблицу из двух строк и в каждой строке создадим по три ячейки, строки отметим буквами «а» и… Читать далее »

Уроки html

И так после этих уроков вы уже сможете создавать не сложные, одностраничные сайты. Но для того чтобы приступить к изучению вы должны знать такие элементарные вещи как: что такое браузер; что такое текстовый редактор; что такое расширение файла. Содержание этого раздела: Создание первой интернет странички Знакомства с html тэгами Необязательный html тэг font Как задать… Читать далее »

Задаём фон таблице

Фон задается атрибутом «bgcolor=»цвет»». Фон можно задать для таблицы в целом, для ряда и ячейки в частности. Мы будем задавать фон для каждой ячейки отдельно: <table> <tr> <td bgcolor=»red»> а-1 </td> <td bgcolor=»green»> а-2 </td> <td bgcolor=»red»> а-3 </td> </tr> <tr> <td bgcolor=»green»> б-1 </td> <td bgcolor=»red»> б-2 </td> <td bgcolor=»green»> б-3 </td> </tr> </table>… Читать далее »

Знакомства с html тэгами

Ну а теперь давайте разберем все по порядку. <html> <head> <title>Моя первая страница</title> </head> <body> Получилось!!! <br/> Это моя первая страница. </body> </html> Все, что находится между символом «<» и « >» — это тэг. Текст, не находящийся между такими скобками < > — весь виден при просмотре в брaузере. Тэги, как вы уже догадались,… Читать далее »

Стиль шрифта

Дальше поговорить о том, как определить стиль шрифта. Мы узнаем, как выделить текст курсивом, подчеркнуть, перечеркнуть, сделать полужирным, как задавать моноширинный текст, как делать верхний и нижний индексы. Рассмотрим тэги, отвечающие за курсив и полужирный текст: <b> Полужирный текст </b> <i> Наклонный текст (курсив) </i> Моноширный шрифт это шрифт с символами одинаковой фиксированной ширины, как… Читать далее »

Основные HTML тэги и их предназначение:

Тэги и атрибуты Описание <h1></h1> | <p></p> | <i></i> | <u></u> | <b></b> |<br/> «h1» заголовок первого уровня (всего 6 уровней), «p» абзац, «i» наклонный текст, «u» подчёркнутый текст, «b» жирный текст, «br» перевод строки. <ul> <li></li> <li></li> </ul> <ol> <li></li> <li></li> </ol> «ul» – список, маркированный чёрными точками, «ol» – список, пронумерованный греческими цифрами.… Читать далее »

Атрибуты для тэга <img>

Тагже картинку можно сделать фоном документа. Это прописывается в открывающем тэге <body>: <body background=»image/oblaco.jpg»> <html> <head> <title>Моя первая страница</title> </head> <body background=»image/oblaco.jpg»> <div align=»center»> Получилось!!! <br/> Это моя первая страница.<br/> <font color=»red»> Привет!!! </font><br/> <img src=»image/coloboc3.png»> </div> </body> </html> Атрибут «align» есть и у картинок: <img src=»coloboc3.png» align=»left»> Это означает, что картинка будет прижата к… Читать далее »

Задаем высоту и ширину таблице и ячейкам, выравниваем содержимое по краям

дальше зададим высоту и ширину ячейкам нашей таблицы. Для этого предназначены атрибуты «height» и «width» — вы можете их задать для всей таблицы, для одного ряда или для ячейки. Высота и ширина могут задаваться как в пикселях, так и в процентах. Мы будем задавать ширину и высоту в пикселях. <table> <tr> <td height=»50″ width=»100″ bgcolor=»red»>а-1</td>… Читать далее »

работаем с ссылками

Ну а теперь поработаем с ссылками. Наша страничка может состоять из нескольких документов. Они все могут лежать в одной директории (папке), а могут в разных. При помощи ссылок мы связываем эти документы. Так с главной страницы по ссылкам мы можем перейти на страницу с фотографиями, с этой страницы мы можем перейти обратно на главную страницу,… Читать далее »