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. Используется, так же как и предыдущие – после знака равенства, в кавычках пишется значение. Читать далее...PHP и HTML. Подробности, часть 5
После того, как мы научились изменять цвет текста, можно поговорить о его шрифте. Помимо параметра color, тег <font> имеет параметр face, который и предназначен для изменения шрифта. Как и в случае с параметром color, параметр face записывается до знака “>”, и его значение записывается Читать далее...PHP и HTML. Подробности, часть 4
Страничка у нас получилась не плохая, но скучная. Как по мне, так ей не хватает цвета. Поэтому сейчас поговорим о раскраске текста. Как и в Worde, мы научились менять размеры шрифта, а теперь мы поговорим о других возможностях изменить вид текста, которых не мало. Для начала познакомимся Читать далее...PHP и HTML. Подробности, часть 3
Сейчас мы поговорим о закорючках , которые повторяются три раза перед самым первым словом. На самом деле, для языка HTML этот выглядит как пробел, то есть так " ". Необходимо это из-за того, что классический пробел, который мы ставим кнопкой (которая тоже называется пробел), Читать далее...PHP и HTML. Подробности, часть 2
Рассмотрим подробнее содержимое части BODY. Для того, что бы заголовок увеличить, мы использовали тег <h3> и его закрывающий тег </h3>. Весь текст, заключенный между этими тегами будем отличаться в размерах от всего текста. Помимо <h3>, ещё есть: <h4> ... </h4> - стандартный Читать далее...PHP и HTML. Подробности, часть 1
Как мы уже определились, интересующая нас часть находится между тегами <body> и </body>, и почти всё, что мы будем писать, будем писать именно туда. Начнём с простого, рассмотрим пример странички с текстом, который выглядит как в Word, то есть с красивыми заголовками, отступами Читать далее...Рекомендуемые к прочтению статьи:
- Вашему сайту потребуется оптимизация
- Преимущества ноутбука lenovo B590
- Иногда членство в СРО и купить лицензию МЧС – это два разных статуса, две разные задачи
- Насосы прочно вошли в нашу жизнь
- Увеличение полового органа: как и зачем
- Виды презентаций
- Надежный прокси обеспечивает надежную работу в Интернете
- Компьютер отремонтирует специалист
- Обзор базы Пастухова + бонус
- Советы для работы с Adsense. Часть 4