News
PHP и HTML. Наведение красоты, часть 4
Эту часть руководства мы посвятим части Header, или как ещё её называют Заголовок. Лично я вижу страничку в минималистическом стиле, поэтому страничка будет без наворотов. Заголовок я хочу сделать белым, с рамками по бокам и снизу красноватого оттенка. Меньше слов, больше дела, Читать далее...PHP и HTML. Наведение красоты, часть 3
После выбора цветов необходимо выбрать структуру странички. Обычно, страничку принято делить на 3 части: Header (хейдер иногда называют заголовок, шапка), Body (Боди, иногда называют тело, содержимое) и Footer (футер, обычно называют подвал). Теперь о каждом отдельно. Header – самая верхняя Читать далее...PHP и HTML. Наведение красоты, часть 2
Теперь мы поговорим о такой важной теме как Таблицы. Наверное, 99% всех современных сайтов построено с использованием таблиц, это объясняется тем, что таблицы очень упрощают процесс форматирования текста, и добавляют некоторые возможности. Ну что, я думаю, что нужно начать, и Читать далее...PHP и HTML. Наведение красоты, часть 1
Прежде чем начать рассуждения о красоте, хочется поговорить о простых приёмах оформления чего-либо, в том числе и странички. Особо важным пунктом, я считаю, что необходимо отметить пункт «Цвета», так как даже начинающие веб-мастера, очень часто портят внешний вид обилием цветов. Читать далее...PHP и HTML. Подробности, часть 21
Как и в прошлый раз, мы указали размер картинки, а именно, её длину (width). На странице «earth.html», мы указали длину картинки в 300 пикселей, здесь же, нам будет достаточно 75 пикселей. Так же, мы поместили текст и картинку между тегами <a> и </a>, что делает их ссылкой. Просмотрев параметр Читать далее...PHP и HTML. Подробности, часть 20
Страница «earth.html» с описанием земли готова, теперь создадим главную страницу, где будет приветствие и краткое описание. Для начала запомните, что когда мы заходим на сайт, по умолчанию открывается страница с именем index. Если такой страницы нет, то появится ошибка, и на сайт мы Читать далее...PHP и HTML. Подробности, часть 19
В любом проекте должна быть идея и план. Идея у нас есть – создать страничку с кратким описанием Земли, а план мы сейчас составим. Я думаю, что необходимо использовать заголовок, что-то вроде «Планета Земля». Ниже слева, картинка с изображением земли, а справа от неё текст. Теперь Читать далее...PHP и HTML. Подробности, часть 18
Как мы уже говорили, в качестве ссылки может выступать картинка. Для этого между тегами <a> и </a>, необходимо вставить код, предназначенный для вставки картинки. Использование картинки в качестве ссылки мы рассмотрим далее, а теперь, создадим мини сайт. Если вы помните, мы Читать далее...PHP и HTML. Подробности, часть 17
Перейдём к делу. Для того, что бы обычный текст или картинку превратить гипертекст или гиперкартинку, иными словами сделать ссылками, необходимо использовать теги <a> </a> с обязательным параметром href и необязательным target. Текст, или картинка, заключённая в эти теги автоматически Читать далее...PHP и HTML. Подробности, часть 16
После некоторых рассмотренных возможностей HTML, пора перейти, так сказать, к корню. Весь смысл HTML заложен в гипертексте, или иными словами - в ссылке. Аббревиатура HTML так и разворачивается H-hyper T-text M-markup L-language, или по-русски звучит так Язык Гипер Текстовой Разметки, правда из-за Читать далее...PHP и HTML. Подробности, часть 15
Примеры вставляйте между тегами <body> </body>, при помощи блокнота, сохраняйте, и смотрите результат в браузере: <img src="img/image.jpg" alt=”Земля1”> Картинка и просто описание <br> <img src="img/image.jpg" alt=”Земля2” align=”center”> Катинка в центре <br> <img src="img/image.jpg" alt=”Земля3” align=”right” Читать далее...PHP и HTML. Подробности, часть 13
Продолжение: Компьютер находит рядом со страничкой папку «img», а в ней картинку «image.jpg». То есть компьютер, когда смотрит нашу страничку, отталкивается от расположения самой странички. Если бы у нас страничка находилась в папке «img» вместе с картинкой, то при указании адреса Читать далее...PHP и HTML. Подробности, часть 14
Ну вот, со специфической адресацией мы разобрались, и можно перейти к остальным, более классическим параметрам тега <img>. Только что заметил, что папка, в предыдущих примерах тоже, называется img, надеюсь Вас это не запутает, будьте внимательны. Вот список самых необходимых Читать далее...PHP и HTML. Подробности, часть 12
Немного отошли от темы – пора вернуться. И так, параметр src указывает место файла-картинки. В нашем случае, значение параметра «img/image.jpg». Если бы файл находился в другой папке, например в папке temp, то адрес был бы таким «temp/image.jpg», если бы это был не файл image.jpg, а например picture.gif, Читать далее...PHP и HTML. Подробности, часть 11
Картинку в папку img мы скопировали, теперь осталось научить вставлять её. Как говорилось ранее, вставляется при помощи тега <img> с дополнительными параметрами. Чрезвычайно необходимый параметр для этого тега, это src, который указывает где находится картинка. Прежде чем начать Читать далее...PHP и HTML. Подробности, часть 10
Примерную структуру для файлов мы создали, ну а теперь несколько нюансов. Очень удобно создать html файл в папке WWW, и в процессе экспериментов только его изменять. Для этого открываем блокнот, нажимаем Сохранить как, находим папку WWW и заходим в неё, далее пишем уже по знакомым Читать далее...PHP и HTML. Подробности, часть 9
Ну всё, осталось пройти ещё немного, и основы можно будет считать пройденными. Сейчас же мы рассмотрим, каким образом можно вставить картинку на страничку. Тег, который необходимо использовать для вставки картинки не требует закрытия, и выглядит так <img>. Сам по себе этот тег Читать далее...PHP и HTML. Подробности, часть 8
Для начала, хочу поздравить тех, кто дошел до этого момента, и не имеет никаких вопросов. Теперь можно перейти к закреплению материала. Для этого создадим страничку, в которой мы проверим на практике знания, которые получили. Давайте поставим цель: Первую строку выровнять по Читать далее...PHP и HTML. Подробности, часть 7
Так как мы уже рассмотрели, каким образом можно изменять шрифт, его размер и цвет, пришло время и до тега <div>, который мы будем использовать для выравнивания текста. Если помните, мы проходили тег, которые делает текст по центру (<center>), но что делать, если на нужно, например, Читать далее...PHP и HTML. Подробности, часть 6
После того, как мы научились изменять шрифт и цвет , для полного счастья нам необходимо научиться управлять размерами текста. Параметр для изменения размеров очень прост, и носит название size. Используется, так же как и предыдущие – после знака равенства, в кавычках пишется значение. Читать далее...Рекомендуемые к прочтению статьи:
- Как посадить сибирскую ель на приусадебном участке
- Современные возможности телефонных станций
- Где используется интерьерный вид печати
- В чем выгода ипотечного кредитования?
- Вы не курите? Не стоит и начинать
- Куклы от «Весны» — отечественные куклы
- Автоматизированный профессиональный анализ сайта
- Чем выгоден аутсорсинговый колл центр
- Раскрутка сайтов: инструкция для начинающих. Часть 2
- JavaScript в wordpress. Часть 2