Язык разбивки текста для Интернет страниц
материал по информатике и икт (10 класс) по теме
Некоторые материалы которые могет пригадится учащимся для изучения этого раздела информатики
HTML><pre>
<head>УРОК-1</head><!заголовок страницы>
<title>Уроки</title><!заголовок окна>
<hr><!разделительная линия>
<br><!переход на следующую строку>
<p><!параграф></p>
<nobr>Надпись только в одну строку, какой бы длинны строка не была</nobr>
<h6>шрифт-h6</h6>
<h1>шрифт-h1</h1>
<b>жирный</b> ,
<i>курсив</i> ,
<u>подчёркнутый</u> ,
<S>перечеркнутый</S> ,
<SUB>Верхний индекс</SUB> ,
<SUP>Нижний индекс</SUP> ,
<BLOCKQUOTE>выводится с увеличенным левым полем</BLOCKQUOTE>
Направление текста. <bdo=ltr>текст слева направо</bdo> -текст слева направо
<bdo=rtl>текст справа налево</bdo> - оварпфн авелс ескет
<font size="6" color="gold">Полная прописка шрифта.</font>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<br><br>УРОК-2
<center>Выравнивание.Может быть\left\right\justify<!-по ширине></center>
<hr width="200" color="#b2d1f4" size="20"><!ширина, может быть 800*500 пикселей>
<pre> Все, что находится между этими тегами всё
выходит как набрано, вместе с пробелами и т.д.</pre>
CПИСКИ
<ul type="square"><!Может быть="circle","disk-по умолчанию">
<li>Пункт1
<li>Пункт2
</ul>
Маркированные списки
<ul>
<li>Пункт1 Уровень1
<ul>
<li>Пункт1 Уровень2
<li>Пункт2 Уровень2
</ul>
</ul>
Нумерованные списки
<ol type="a"><!Может быть="1-по умолчанию"\"i-римские"\"A"\"I">
<li>пункт 1
<li>пункт2
</ol>
Можно и так:
<ol>
<li>Пункт1
<ol type="a">
<li>Пункт1 уровень1
<li>Пункт1 уровень2
</ol>
<li>Пункт2
<ul>
<li>Пункт2 уровень1
<li>Пункт2 уровень2
</ul>
</ol>
Список определений
<dl>
<dt>ТЕРМИН1
<dd>определение термина1
<dt>ТЕРМИН2
<DD>определение термина2
</dl>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<br><br>УРОК-3
ТАБЛИЦЫ
<table >
<tr><td>11</td>
<td>12</td> <!Первая строка>
<td>13</td>
</tr>
<tr><td>21</td>
<td>22</td> <!Вторая строка>
<td>23</td>
</tr>
</table>
Параметры таблицы
<table border="1" cellspacing="6" cellpadding="4" width="800" height="200">
<tr>
<td valign="bottom" align="center">11</td> <! border - рамка ячейки>
<td>12</td> <! cellspacing - отступ ячеек>
<td>13</td> <! cellpadding - отступ внутри ячейки>
</tr>
<tr><td>21</td>
<td>22</td> <!Кроме этого: bgcolor="red"- цвет таблицы>
<!width="600"-70% - размер по горизонтали>
<td>23</td> <! align="выравнивание по горизонтали">
</tr> <! valign="по вертикали"--"top"-вверх,"bottom"-вниз,"middle"-середина>
</table>
Перекрытые ячейки<br>
1).Перекрытые строки
<table border="1">
<tr><td colspan="2">11-12</td>
<td>13</td>
</tr>
<tr><td>21</td>
<td>22</td>
<td>23</td>
</tr>
</table>
2).Перекрытые столбцы
<table border="1">
<tr><td rowspan="2">11-21</td>
<td>12</td><td>13</td>
</tr><tr>
<td>22</td>
<td>23</td>
</tr></TABLE>
Можно и так:
<table border=11 bordercolor="brown"> <!bordercolor - цвет линий>
<tr><td></td><td></td></tr>
<tr bordercolor="brown"><td></td><td></td>
<td>11</td>
</tr>
<tr bordercolor="brown"><td></td><td>21</td>
<td>12</td>
<td>13</td><td></td>
</tr>
<tr bordercolor="brown"><td></td><td></td><td>21</td></tr>
<tr><td></td><td></td></tr>
</table>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<br><br>УРОК-4
ИЗОБРАЖЕНИЕ
<!Формат картинак- .GIF или .jpg или .bmp>
<br>
<! img src="путь к файлу изображения">
пример:<img src="INDEX.GIF" >
параметры:border="10"(рамка) align="left"(место нахождения) width="20"(ширина) height="20"(высота) alt="всплывающий текст"><br>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<br><br>УРОК-5
ОФОРМЛЕНИЕ ВСЕЙ СТРАНИЦЫ
<BODy>
BODY параметры: text="цвет",bgcolor="цвет страницы",background="подложка на страницу"
Эта тега имеет тегу закрытия ею заканчивают страницу.</body>
Для гиперссылки
<body link="red" vlink="blue" alink="green">
link - цвет ссылки.
vlink - цвет пройденой ссылки.
alink - цвет активной ссылки, когда подводиться к ней курсор.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
БЕГУЩИЙ СТРОКА
<MARQUEE>БЕГУЩИЙ СТРОКА</MARQUEE>
Бегущую строку нужно направить справа налево:
<MARQUEE DIRECTION="right">ТЕКСТ</MARQUEE>
Можно и так:
<MARQUEE BEHAVIOR="alternate">ТЕКСТ</MARQUEE>
<center><MARQUEE WIDTH="100">ТЕКСТ</MARQUEE></center>
<MARQUEE BGCOLOR="red">ТЕКСТ</MARQUEE>
<MARQUEE BEHAVIOR="alternate"><img src="INDEX.GIF"></MARQUEE>
параметры:
align="middle" - выравнивает текст по середине, Top - по верху, botton - вниз
behavior - Задает тип движения
(alternate Контент перемещается между правым и левым краем элемента,
scroll Контент перемещается в направлении, заданным параметром direction, затем скрывается за пределами области, после чего начинает движение с начала.
slide Контент перемещается в направлении, заданным параметром direction, доходит до края области и останавливается.)
direction - Указывает направление движения содержимого контейнера.
параметы:down - Движение сверху вниз. up - Движение вверх.
height - Высота области прокрутки.
hspace - Горизонтальные поля вокруг контента.
Loop - Задает, сколько раз будет прокручиваться содержимое.
scrollamount - Скорость движения контента, от 1 до 2000.
scrolldelay - Величина задержки в миллисекундах между движениями.
truespeed - Отменяет встроенный ограничитель скорости при низких значениях параметра scrolldelay.
vspace - Вертикальные поля вокруг содержимого.
width - Ширина области прокрутки.
<MARQUEE scrollAmount=2 scrollDelay=3 behavior="alternate">-постоянное движение</MARQUEE>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<br><br>УРОК-6
ГИПЕРССЫЛ<br>
<a href="sslka.html#nn" title="ссылка-1">Ссылка№1</a>
<a href="sslka.html#ss">Ссылка№2</a>
<! <a name="nn">ссылка№1 описывается в станице sslka.html</a>
<a href="sslka.html">Относительная ссылка</a>
<a href="http://www.google.ru">Абсолютная ссылка</a>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ФОРМЫ
Текстовое поле: <input type="text" name="ИМЯ" size="40">
Переключатели: <input type="radio" name="Класс" value="7">ппп
Флажок: <input type="checkbox" name="group" value="WWW">WWW
Поля списков: <select name="klass"><option>10b</select>
Текстовая область:<textarea name="resume" rows="4" colors="30"></textarea>
Обработка данных: <input type="submit" value="отправить"><input type="reset" value="очистить">
</pre></body></HTML>
Скачать:
| Вложение | Размер |
|---|---|
 У файла нужно заменить расширение на .html | 6.63 КБ |
По теме: методические разработки, презентации и конспекты
Презентация к уроку информатики 8 класс "Структура Web-страницы. Форматирование текста на Web-странице"
Презентация к уроку № 2 по теме "Разработка Web - сайтов с использованием языка разметки гипертекста HTML"...
Конспект лекций дизайн интернет-страниц
Конспект лекций по Web-программированию и дизайну интернет страниц...
Развитие творческой компетенции старшеклассников при работе с текстом на уроках русского языка. Анализ текста О.М.Безымянной «Притча об истине» (подготовка к выполнению части «С»)
Работа с текстом на уроках русского языка – одно из условий развития творческого потенциала учащихся, пополнения их словарного запаса, улучшения качества речи. Текст – это основа создания развивающей ...
Конспект урока информатики "Форматирование текста на Web-странице и вставка изображения"
Урок разработан для учащихся 8 класса, соответствует требования ФГОС....
Факультатив по немецкому языку для 7 класса «За страницами учебника немецкого языка»
Факультатив по немецкому языку для 7 класса «За страницами учебника немецкого языка»...
Технологическая карта урока русского языка «Заголовок текста. Опорные тематические слова текста»
Класс: 5Тип урока: урок развития речиВид урока: урок открытия нового знания.Основной подход: системно-деятельностный.Форма организации учебной деятельности: фронтальная, индивидуальная, парная, группо...
Немецкий язык 9 класс СМИ. Интернет. Новая лексика. Текст с заданиями.
Материал предлагается в Word в помощь учителю немецкого языка (линия учебников И.Л. Бим). А также материал может быть использован на уроке для самостоятельной работы учащихся....