Знакомство с языком HTML

Методические указания для выполнения лабораторных работ по курсу "Информационные технологии в экономике"

Знакомство с языком HTML

 

 

Основные теги HTML

Простейший документ HTML.

<HTML>

<!-- комментарий - ->

<HEAD>

<TITLE>Название документа, ключевые слова</TITLE>

</HEAD>

<BODY>

<H1>Заголовок документа, который отображается в окне браузера</H1>

</BODY>

</HTML>

 

Пример. Файл primer.htm

<HTML><!-- комментарий - ->

<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<Title>primer</Title>

</HEAD>

<BODY bgcolor=#22aa77 alink=#11ffaa vlink=#11ffaa link=#22dd33 text=#005555>

<center><h1><font color=#22ff77>Это</font><font color=#11ffaa> заголовок</font><font color=#22dd33> страницы</font></h1></center>

<B><FONT size=7 color=#004444>Основной</font> <FONT size=6 color=#005555>текст</font> <FONT size=5 color=#006666>документа,</B><I></font> <FONT size=4 color=#007777>который </font><FONT size=3 color=#008888> отображается</font><FONT size=2 color=#009999> в </font><FONT size=6 color=#00bbbb>окне </font><FONT size=7 color=#00cccc>браузера.</FONT></I>

<HR align = left color=green size=1 width = 60%>

<HR align = right color=green size=5 width = 45%>

<!--горизонтальная линия-->

<br>

<table align=center border=1>

<tr><td colspan=3 align=center>Таблица</td></tr>

<tr><td>Пример списка<br>

<!-- пример списка - ->

<UL>

<LI> Весна

<OL type=i >

<LI>Март</LI>

<LI>Апрель</LI>

<LI>Май</LI>

</OL>

</LI>

<LI> Лето

<OL type= 1 >

<LI>Июнь</LI>

<LI>Июль</LI>

<LI>Август</LI>

</OL>

</LI>

</UL>

</td>

<td valign=top><br>Переход на файл <A href="home.htm">home.htm</A>, расположенный в том же каталоге, что и текущий <A name="Закладка 1">документ</A>.

Переход на закладку 2 в документе <A href="home.htm#Закладка 2">home.htm.</A></td>

<td valign=bottom><IMG align=middle src="Gogh.jpg"' alt='пример рисунка' width =100 height = 100>

</td>

</tr></table>

</BODY>

</HTML>

 

Отображение файла primer.htm в окне браузера.