Учебник по HTML. Учебник html для начинающих. Версия для печати раздела "Учебник html"
 Скачать 1.59 Mb.
|
Привет мирПривет мирПривет мирПривет мирПривет мирДумаю с этим понятно.тег заголовка, где значение x является величиной буковок может быть от одного до шести. Помните, что после использования того или иного заголовка происходит перенос строки - на то они заголовок. Заголовки дело хорошее и достаточно удобное, но ими можно выделять только маленькие кусочки текста, а что если нам надо выделить весь текст Знакомимся тег в переводе на русский - "шрифт. Тег помимо прочих атрибутов, о которых ещё пойдет речь, имеет атрибут size - размер. Пишется и выглядит это так Привет мир!!! Привет мир!!! Привет мир!!! Привет мир!!! Привет мир!!! Добавим эти теги на нашу страницу. Привет мир!!! Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам Я очень очень сильно люблю вареньё!!! С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу © Семикопенко Алексей Алексеевич | www.webremeslo.ru 8 #000000 black #ffffff white #ff0000 red #ffa500 orange #ffff00 yellow #008000 green #00ffff cyan #0000ff blue #800080 purple Полная палитра базовых красок приведена здесь (http://www.webremeslo.ru/spravka/spravka1.html) Один и тот же цвет можно задать двумя способами используя шестнадцатеричное значение цвета RGB - например #008000 - зелёный цвет, либо используя константы цвета - green (для тех кто учил французский, green -зелёный.) Краски есть, давайте рисовать Мы уже знакомы с тегом у него есть еще один атрибут - Так вот, если к примеру написать так Привет мир - То цвет шрифта станет красным. Попробуйте. А можно так Привет мир - Будет тоже самое. Но советую писать всё же шестнадцатеричным числом, во-первых, по понятным причинам не для всех оттенков цветов есть своё название, а во-вторых, поговаривают, что не все браузеры знают названия тех или иных красок Есть еще один способ изменить цвет текста. Тег пишем так Теперь весь тексту нас стал оранжевым кроме заголовка "Привет мир" который мы отдельно перекрасили в красный. А вот атрибут тега bgcolor и его значение задает цвет фона страницы - залили всё голубым. Раскрасьте свою страницу на свой лад. пробуйте, экспериментируйте Сейчас Вам нужно понять принцип построения html кода иначе рано или поздно станете в тупик. конечно, я и дальше буду выкладывать готовые примеры, нонет ничего лучше чем самостоятельная практика. На данный моменту меня получилось вот так .. ау Вас text="#484800" Привет мир!!! Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам Я очень очень сильно люблю color="#ff0000" >вареньё!!! С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу у тега два атрибута и bgcolor мы просто пишем их подряд через пробел, не разделяя никакими другими знаками. Стиль текста Здесь все достаточно просто. Итак, новые теги - Полужирный текст - Наклонный текст - Подчеркнутый текст - Перечеркнутый - Перечеркнутый (второй вариант, от первого ничем не отличается) - моноширинный шрифт - Малый - Большой - Верхний индекс - Нижний индекс Ну думаю понятно. текст заключённый между этими открывающими и закрывающими тегами приобретёт нужный нам стиль. Вот примерна всякий случай Научная статья. Если разбавить дистиллированную воду НО сорока процентами © Семикопенко Алексей Алексеевич | www.webremeslo.ru 10 этилового спирта С2Н5ОН то получится жидкость во более известную широкой публике под названием - водка. Впервые данную пропорцию МЕНДЕЛЕЕВ. Распитие спиртных напитков вредит вашему здоровью Мало кто знает, как много надо знать для того, чтобы знать, как мало мы знаем new Мало кто знает, как много надо знать для того, чтобы знать, как мало мы знаем sans Мало кто знает, как много надо знать для того, чтобы знать, как мало мы знаем © Семикопенко Алексей Алексеевич | www.webremeslo.ru 11 Однако такая политика браузеров, в ряде случаев, не всегда оправданна. Как например, написать стихи Нет можно конечно после каждой строчки писать тег , но есть вариант куда проще. Знакомимся тег , текст заключённый в данный тег выводится браузерами на экран в том виде в котором он был набран, те. со всеми пробелами и переносами строк Пример СЛОН. Дали туфельки слону. Взял он туфельку одну И сказал - Нужны пошире, И не две, а все четыре С. Я. Маршак. © Семикопенко Алексей Алексеевич | www.webremeslo.ru 12 заголовки, впрочем, как и содержание малюсенькими буквами - это напрягает, ищите золотую середину. © Семикопенко Алексей Алексеевич | www.webremeslo.ru 13 Глава 3 Рисунки. В этой главе я расскажу о том как добавить на нашу страничку графические изображения фотографию например, или рисунок, а также о том, что можно сними вытворять используя предложенный набор тегов html языка. Путь к файлу Итак, допустим Выпишете сайт о себе любимом и хотите вставить в него свою фотографию, чтобы люди зашедшие на страничку смогли не только читать Ваши рукописи, но и вдоволь полюбоваться Вашим портретом. Есть у Вас значит фотография, которая где-то лежит на Вашем жёстком диске. копируем е и вставляем в ту папку (директорию) где уже лежит заготовка будущей страницы, ну то есть туда же, куда сохраняете блокнотом html документ. Так, вот для того чтобы теперь вставить её в нашу страничку к ней нужно указать путь. делается это так Где foto.jpg это название Вашей фотографии в данном случае, так как фото лежит рядом с html документом, путь к ней мы не указываем. Да, помните, тег не требует закрывающего тега Теперь приведу ряд примеров где путь указывается - Такая запись подразумевает, что в директории где расположен наш html документ есть папка myfoto в которой расположен файл foto.jpg - Значит рядом с документом расположена папка myfoto, в ней еще одна папка с названием graphics, и уже в ней нужная нам фотография foto.jpg которую нужно выложить для всеобщего обозрения. - А это значит, что фото размещено на уровень выше от документа - Так соответственно на два уровня выше, сколько поставите настолько и поднимитесь. Также можно указывая место фотографии, ссылаться на тот или иной интернет ресурс Ну что, давайте попробуем выложить фото. Вот мой пример |