Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Lt;TITLE> Вставка рисунка и гиперссылки
</TITLE>
</ HEAD>
4. Наберите <BODY BGCOLOR=pink TEXT=black LINK=blue VLINK=red>.
5. Теперь вставим рисунок. Для этого в следующей строке набираем <IMG SRC="image.jpg" ALT="Здесь должен быть рисунок" HEIGHT=250 WIDTH=250 ALIGN=middle ISMAP>
6. Между рисунком и дальнейшим текстом пропустим три строки. Для этого наберите <BR><BR><BR>
7. Теперь вставим гиперссылку на документ Задание1.html Для этого наберите <A HREF="Задание1.html"> Перейти по гиперссылке </A>
Закрыть тэг </BODY>.
9. Закрыть тэг </HTML>.
Упражнение 5: Создать следующий HTML- документ, который будет содержать таблицы. Наберите текст программы, сохраните документ как Задание 5.html. Изучите все теги, связанные с созданием таблицы.
<HTML>
<HEAD>
<TITLE>Пример 2</TITLE>
</HEAD>
<H1>Простейшая таблица </H1>
<TABLE BORDER=1>
<CAPTION> <!--Это заголовок таблицы-->
У таблицы может быть заголовок
</CAPTION>
<TR> <TD> Первая строка, первая колонка
</TD>
<TD> Первая строка, вторая колонка
</TD>
</TR>
<TR>
<TD> Вторая строка, первая колонка
</TD>
<TD> Вторая строка, вторая колонка
</TD>
</TR> </TABLE>
</BODY>
</HTML>
Упражнение 6: Создайте в своей папке HTML- документ, содержащий таблицу с объединенными и разделенными ячейками. Наберите текст программы, сохраните как Задание 6.html. Изучите теги Colspan, Rowspan.
<HTML>
<HEAD>
<TITLE>Пример объединения ячеек с помощью COLSPAN и ROWSPAN</TITLE>
</HEAD>
<BODY BGCOLOR = BLUE TEXT = BLACK >
<TABLE ALIGN= “CENTER” BORDER= “2” LEFTMARGIN= “40” RIGHTMARGIN= “40” CELLPACING= “0” CELLPADDING= “40” WIDTH= “100%” HEIGHT= “200”>
<TR ALIGN= “CENTER” BGCOLOR=GRAY>
<TH COLSPAN= “2”> Ячейка1 </TH>
</TR>
<TR>
<TD ALIGN= “CENTER” ROWSPAN= “3”> Ячейка 2 </TD>
<TD ALIGN= “CENTER” > Ячейка 3 </TD>
</TR>
<TR>
<TD ALIGN= “CENTER” > Ячейка 4 </TD>
</TR>
<TR>
<TD ALIGN= “CENTER” > Ячейка 5 </TD>
</TR>
</TABLE>
</BODY>
</HTML>
Задания для самостоятельной работы:
| № варианта | Задание |
| Составить HTML-документ вашей группы. Документ будет содержать список, таблицы и фотографию вашей группы. На свою фамилию поставьте гиперссылку на свою страничку (ваш HTML-документ), которая будет содержать небольшую информацию о вас. | |
| Составить HTML-документ вашего курса. Документ будет содержать список групп, таблицу данных, обучающихся на первом курсе вашего факультета. На название вашей группы поставьте гиперссылку на страничку (HTML-документ) вашей группы, которая будет содержать небольшую информацию о ней и фотографию. | |
| Составить HTML-документ вашего факультета. Документ будет содержать список специальностей, таблицу с информацией, по которым обучаются на вашем факультете и фотографию факультета. На название вашей специальности поставьте гиперссылку на страничку (HTML-документ), которая будет содержать небольшую информацию о вашей специальности. | |
| Составить HTML-документ вашего университета. Документ будет содержать список факультетов, таблицу с информацией и фотографию университета. На название вашего факультета поставьте гиперссылку на страничку (HTML-документ), которая будет содержать небольшую информацию о нем. | |
| Составить HTML-документ семьи ваших соседей. Документ будет содержать список членов семьи, таблицу и семейную фотографию. На имени отца поставьте гиперссылку на страничку (HTML-документ), которая будет содержать небольшую информацию о нем. |
Примечание: Документ должен содержать все представленные выше теги создания объектов.
Контрольные вопросы:
- Что такое HTML?
- Как создается HTML документ?
- Какова структура HTML документа?
- Для чего служит браузер? Какие браузеры вы знаете?
- Какие теги используются для создания таблиц?
Date: 2015-11-13; view: 319; Нарушение авторских прав; Помощь в написании работы --> СЮДА... |