Мини-сайт "Атрибуты", 8 класс

Документы из архива для просмотра:

  • HTM

    attributindex.htm

  • HTM

    attributface.htm

  • HTM

    attributsize.htm

  • HTM

    attributcolor.htm

  • JPG

    Web_дизайн/261006-001.JPG

  • HTML

    Web_дизайн/INDEX.html

  • DB

    Web_дизайн/Thumbs.db

  • DOC

    Web_дизайн/WEBэлем.doc

  • JPG

    Web_дизайн/винт1.jpg

  • DOC

    Web_дизайн/Структура HTML.doc

  • DOC

    Web_дизайн/тэги.doc

  • <html>

    <body>

    <font size=12 color = "blue" >ПРИВЕТ! </FONT>

    <A rel="nofollow ugc" target="_blank" href="Структура HTML.doc"><IMG SRC = "ВИНТ1.JPG">  </A>

    <font size=12 color =FFA500>

    <marquee direction = left bgcolor="red" > наконец-то получилось! </marquee>

    <FONT size = 20 color=800080> УРА!!!</FONT>

    <hr size=10 align=center color=FFD700>

    <center><img src="261006-001.jpg" height=300 ></center>

    </BODY>

    </HTML>

     

    <html>

    <body>

    <font size=12 color = "blue" >ПРИВЕТ! </FONT>

    <A rel="nofollow ugc" target="_blank" href="Структура HTML.doc"><IMG SRC = "ВИНТ1.JPG">  </A>

    <font size=12 color =FFA500>

    <marquee direction = left bgcolor="red" > наконец-то получилось! </marquee>

    <FONT size = 20 color=800080> УРА!!!</FONT>

    <hr size=10 align=center color=FFD700>

    <center><img src="261006-001.jpg" height=300 ></center>

    </BODY>

    </HTML>

     

    <html>

    <body>

    <font size=12 color = "blue" >ПРИВЕТ! </FONT>

    <A rel="nofollow ugc" target="_blank" href="Структура HTML.doc"><IMG SRC = "ВИНТ1.JPG">  </A>

    <font size=12 color =FFA500>

    <marquee direction = left bgcolor="red" > наконец-то получилось! </marquee>

    <FONT size = 20 color=800080> УРА!!!</FONT>

    <hr size=10 align=center color=FFD700>

    <center><img src="261006-001.jpg" height=300 ></center>

    </BODY>

    </HTML>

     

    <html>

    <body>

    <font size=12 color = "blue" >ПРИВЕТ! </FONT>

    <A rel="nofollow ugc" target="_blank" href="Структура HTML.doc"><IMG SRC = "ВИНТ1.JPG">  </A>

    <font size=12 color =FFA500>

    <marquee direction = left bgcolor="red" > наконец-то получилось! </marquee>

    <FONT size = 20 color=800080> УРА!!!</FONT>

    <hr size=10 align=center color=FFD700>

    <center><img src="261006-001.jpg" height=300 ></center>

    </BODY>

    </HTML>

     

    <html>

    <body>

    <font size=12 color = "blue" >ПРИВЕТ! </FONT>

    <A rel="nofollow ugc" target="_blank" href="Структура HTML.doc"><IMG SRC = "ВИНТ1.JPG">  </A>

    <font size=12 color =FFA500>

    <marquee direction = left bgcolor="red" > наконец-то получилось! </marquee>

    <FONT size = 20 color=800080> УРА!!!</FONT>

    <hr size=10 align=center color=FFD700>

    <center><img src="261006-001.jpg" height=300 ></center>

    </BODY>

    </HTML>

    <a rel="nofollow ugc" target="_blank" href="index..html "> На главную страницу</a>

     

  • Структура HTML-документа

    <html> - указывает на начало размётки гипертекста.

    </html> - указывает на конец размётки гипертекста.

    Далее:

    <html>

    <head>

    Здесь будет размещено описание Web - страницы

    </head>

    <body>

    Здесь будет размещено содержание Web – страницы

    </body>

    </html>

    Между тэгами <title> и /title> - пишется название вашего сайта

    Форматирование шрифта:

    <font>…</font>

    <font size = 3> - размер шрифта равен 3

    <font color = “blue”>- шрифт синего цвета

    Вид face: <font face = “arial”>

    Пример:

    <font face = “Arial” size = 12 color = “blue”> - это шрифт  Arial размером 12, цвет синий

    ЦВЕТА:

    Русское название

    Английское название

    RGB - код

    Аквамарин

    Aqua

    #00FFFF

    Белый

    White

    #FFFFFF

    Жёлтый

    Yellow

    #FFFF00

    Зелёный

    Green

    #008000

    Золотой

    Gold

    #FFD700

    Индиго

    Indigo

    #4B0080

    Каштановый

    Maroon

    #800000

    Красный

    Red

    #FF0000

    Оливковый

    Olive

    #808000

    Оранжевый

    Orange

    #FFA500

    Пурпурный

    Purple

    #800080

    Светло-зелёный

    Lime

    #00FF00

    Серебристый

    Silver

    #C0C0C0

    Серый

    Gray

    #808080

    Сизый

    Teal

    #008080

    Синий

    Blue

    #0000FF

    Ультрамарин

    Navy

    #000080

    Фиолетовый

    Violet

    #EE80EE

    Фуксиновый

    Fuchsia

    #FF00FF

    Чёрный

    Black

    #000000

    ОБОИ:

    <body background = “название.jpg”>

    ГИПЕРССЫЛКИ:

    < a href=”адрес ссылки”>Текст для щелчка </a> - ссылка при помощи текста

    < a href=”адрес ссылки”>< IMG src=”ссылка на рисунок”>  </a> - ссылка при помощи рисунка

    <hr size =?> -устанавливает высоту (толщину)  горизонтальной линии

    Бегущая строка:

    <marquee> текст </marquee>

    <marquee direction = left> - справа налево

    <marquee direction = right> - слева направо

     

     

     

     

     

    Структура HTML-документа

    <html> - указывает на начало размётки гипертекста.

    </html> - указывает на конец размётки гипертекста.

    Далее:

    <html>

    <head>

    Здесь будет размещено описание Web - страницы

    </head>

    <body>

    Здесь будет размещено содержание Web – страницы

    </body>

    </html>

    Между тэгами <title> и /title> - пишется название вашего сайта

    Форматирование шрифта:

    <font>…</font>

    <font size = 3> - размер шрифта равен 3

    <font color = “blue”>- шрифт синего цвета

    Вид face: <font face = “arial”>

    Пример:

    <font face = “Arial” size = 12 color = “blue”> - это шрифт  Arial размером 12, цвет синий

    ЦВЕТА:

    Русское название

    Английское название

    RGB - код

    Аквамарин

    Aqua

    #00FFFF

    Белый

    White

    #FFFFFF

    Жёлтый

    Yellow

    #FFFF00

    Зелёный

    Green

    #008000

    Золотой

    Gold

    #FFD700

    Индиго

    Indigo

    #4B0080

    Каштановый

    Maroon

    #800000

    Красный

    Red

    #FF0000

    Оливковый

    Olive

    #808000

    Оранжевый

    Orange

    #FFA500

    Пурпурный

    Purple

    #800080

    Светло-зелёный

    Lime

    #00FF00

    Серебристый

    Silver

    #C0C0C0

    Серый

    Gray

    #808080

    Сизый

    Teal

    #008080

    Синий

    Blue

    #0000FF

    Ультрамарин

    Navy

    #000080

    Фиолетовый

    Violet

    #EE80EE

    Фуксиновый

    Fuchsia

    #FF00FF

    Чёрный

    Black

    #000000

    ОБОИ:

    <body background = “название.jpg”>

    ГИПЕРССЫЛКИ:

    < a href=”адрес ссылки”>Текст для щелчка </a> - ссылка при помощи текста

    < a href=”адрес ссылки”>< IMG src=”ссылка на рисунок”>  </a> - ссылка при помощи рисунка

    <hr size =?> -устанавливает высоту (толщину)  горизонтальной линии

    Бегущая строка:

    <marquee> текст </marquee>

    <marquee direction = left> - справа налево

    <marquee direction = right> - слева направо

     

     

     

  • Структура HTML-документа

    <html> - указывает на начало размётки гипертекста.

    </html> - указывает на конец размётки гипертекста.

    Далее:

    <html>

    <head>

    Здесь будет размещено описание Web - страницы

    </head>

    <body>

    Здесь будет размещено содержание Web – страницы

    </body>

    </html>

    Между тэгами <title> и /title> - пишется название вашего сайта

    Форматирование шрифта:

    <font>…</font>

    <font size = 3> - размер шрифта равен 3

    <font color = “blue”>- шрифт синего цвета

    Вид face: <font face = “arial”>

    Пример:

    <font face = “Arial” size = 12 color = “blue”> - это шрифт  Arial размером 12, цвет синий

    ЦВЕТА:

    Русское название

    Английское название

    RGB - код

    Аквамарин

    Aqua

    #00FFFF

    Белый

    White

    #FFFFFF

    Жёлтый

    Yellow

    #FFFF00

    Зелёный

    Green

    #008000

    Золотой

    Gold

    #FFD700

    Индиго

    Indigo

    #4B0080

    Каштановый

    Maroon

    #800000

    Красный

    Red

    #FF0000

    Оливковый

    Olive

    #808000

    Оранжевый

    Orange

    #FFA500

    Пурпурный

    Purple

    #800080

    Светло-зелёный

    Lime

    #00FF00

    Серебристый

    Silver

    #C0C0C0

    Серый

    Gray

    #808080

    Сизый

    Teal

    #008080

    Синий

    Blue

    #0000FF

    Ультрамарин

    Navy

    #000080

    Фиолетовый

    Violet

    #EE80EE

    Фуксиновый

    Fuchsia

    #FF00FF

    Чёрный

    Black

    #000000

    ОБОИ:

    <body background = “название.jpg”>

    ГИПЕРССЫЛКИ:

    < a href=”адрес ссылки”>Текст для щелчка </a> - ссылка при помощи текста

    < a href=”адрес ссылки”>< IMG src=”ссылка на рисунок”>  </a> - ссылка при помощи рисунка

    <hr size =?> -устанавливает высоту (толщину)  горизонтальной линии

    Бегущая строка:

    <marquee> текст </marquee>

    <marquee direction = left> - справа налево

    <marquee direction = right> - слева направо

     

     

    Структура HTML-документа

    <html> - указывает на начало размётки гипертекста.

    </html> - указывает на конец размётки гипертекста.

    Далее:

    <html>

    <head>

    Здесь будет размещено описание Web - страницы

    </head>

    <body>

    Здесь будет размещено содержание Web – страницы

    </body>

    </html>

    Между тэгами <title> и /title> - пишется название вашего сайта

    Форматирование шрифта:

    <font>…</font>

    <font size = 3> - размер шрифта равен 3

    <font color = “blue”>- шрифт синего цвета

    Вид face: <font face = “arial”>

    Пример:

    <font face = “Arial” size = 12 color = “blue”> - это шрифт  Arial размером 12, цвет синий

    ЦВЕТА:

    Русское название

    Английское название

    RGB - код

    Аквамарин

    Aqua

    #00FFFF

    Белый

    White

    #FFFFFF

    Жёлтый

    Yellow

    #FFFF00

    Зелёный

    Green

    #008000

    Золотой

    Gold

    #FFD700

    Индиго

    Indigo

    #4B0080

    Каштановый

    Maroon

    #800000

    Красный

    Red

    #FF0000

    Оливковый

    Olive

    #808000

    Оранжевый

    Orange

    #FFA500

    Пурпурный

    Purple

    #800080

    Светло-зелёный

    Lime

    #00FF00

    Серебристый

    Silver

    #C0C0C0

    Серый

    Gray

    #808080

    Сизый

    Teal

    #008080

    Синий

    Blue

    #0000FF

    Ультрамарин

    Navy

    #000080

    Фиолетовый

    Violet

    #EE80EE

    Фуксиновый

    Fuchsia

    #FF00FF

    Чёрный

    Black

    #000000

    ОБОИ:

    <body background = “название.jpg”>

    ГИПЕРССЫЛКИ:

    < a href=”адрес ссылки”>Текст для щелчка </a> - ссылка при помощи текста

    < a href=”адрес ссылки”>< IMG src=”ссылка на рисунок”>  </a> - ссылка при помощи рисунка

    <hr size =?> -устанавливает высоту (толщину)  горизонтальной линии

    Бегущая строка:

    <marquee> текст </marquee>

    <marquee direction = left> - справа налево

    <marquee direction = right> - слева направо

     

     

Краткое описание материала

Мини сайт "Атрибуты" демонстрирующий задание основных параметров текста в тэгах HTML на примере конкретного сайта.  

Здесь можно посмотреть задание цвета, размера и типа шрифта. Возможно это поможет учащимся при создании сайта самым простым методом: при  помощи программы "Блокнот".  

Так же можно посмотреть страничку Web- дизайн, на которой демонстрируются вставка рисунка и содаржатся Word-странички с основными тэгами HTML. 

Этот материал тоже может быть использован учителем для демонстрации учащимся возможностей посторения сайтов при  помощи программы "Блокнот"

Мини-сайт "Атрибуты", 8 класс

    RAR

04.01.2015

447

Файл будет скачан в формате:

    RAR

Автор материала

Ягодова Ольга Васильевна

Ягодова Ольга Васильевна

учитель информатики

  • На сайте: 10 лет и 7 месяцев
  • Всего просмотров: 55215
  • Подписчики: 2
  • Всего материалов: 10
  • 55215
    просмотров
  • 10
    материалов
  • 2
    подписчиков

Настоящий материал опубликован пользователем Ягодова Ольга Васильевна.
Инфоурок является информационным посредником. Всю ответственность за опубликованные материалы несут пользователи, загрузившие материал на сайт. Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

Курсы по теме

Перейти в каталог курсов

Мини-курсы по теме

Перейти в каталог мини-курсов

Найдите подходящий для Вас курс

Найдите подходящий для Вас курс

В каталоге 6 866 курсов по разным направлениям

Другие материалы

Вам будут интересны эти курсы: