Понедельник, 21.10.2019, 08:36
Блог учителя информатики и математики
О блогеМой профильРегистрацияВыходВход
Вы вошли как Гость · Группа "Гости" Приветствую Вас, Гость · RSS
Меню блога
Погода в нашем районе.

НАГРАДА

Как Вы считаете, должны ли дети ходить в школу в школьной форме?
Всего ответов: 2749
 
 Блог учителя
Главная » Статьи » Информатика » В помощь ученику

HTML – язык гипертекстовой разметки документов.

                HTML = HyperText Markup Language = Язык Разметки ГиперТекста

 

Зная HTML, вы запросто сделаете свой собственный веб сайт!

Начнём  изучать HTML прямо сейчас!

Набираем в блокноте.

 

<html>

<body>

 

<h1>Мой первый заголовок</h1>

 

<p>Мой первый урок.</p>

<p>У меня получилось.</p>

 

</body>

</html>

 

Сохраняем файл

Меняем расширение … . html или … .htm. (Трехбуквенное расширение связано с теми временами, когда программное обеспечение (ПО) компьютеров не поддерживало расширение файлов больше трех букв.) Получили HTML-файл — это текстовый файл, содержащий теги (знаки) разметки.

Запускаем.

Ура, получилось!

Итак, посмотрим, что мы набрали.

Первый тег в вашей веб-странице — это <html>. Этот тег указывает браузеру, что это начало html-документа. Последний тег соответственно </html> и он указывает браузеру, что это конец html-документа.

 

 

Текст можно набирать между тегами <title> и </title>  .

 Текст между тегами <head> и </head> для вас. Эта информация не отображается в окне браузера.

Текст  между тегами <body> отображается в окне браузера. Текст между тегами <bold> будет отображаться жирным шрифтом.

Второй пример. И не беспокойтесь, что примеры используют тэги, о которых вы пока не знаете. Вы изучите их на своих уроках.

 

<html>

<body>

 

<table width="500" border="0">

<tr>

<td colspan="2" style="background-color:#00FFFF;">

<h1>Моя первая страница</h1>

</td>

</tr>

<tr valign="top">

<td style="background-color:#CCFFFF; width:100px; text-align:top;">

<b>Меню</b><br />

шрифты<br />

стили<br />

цвета

</td>

<td style="background-color:#eeeeee; height:200px; width:400px; text-align:top;">

Государственное бюджетное общеобразовательное учреждение города Москвы "Школа № 1359 имени авиаконструктора М.Л. Миля" © https://sch1359uv.mskobr.ru/#/ здание 4 "Уроки программирования HTML,CSS,JavaScript" - Основы создания сайтов

</td></tr>

 

<tr>

<td colspan="2" style="background-color:#00FF00; text-align:center;">

© 2019 http://pobedaschool.ucoz.ru/</td>

</tr>

</table>

 

</body>

</html>

Успехов!

Категория: В помощь ученику | Добавил: Harchev (29.04.2014)
Просмотров: 2689 | Комментарии: 2 | Рейтинг: 4.2/31
Всего комментариев: 0
Имя *:
Email *:
Код *:
Copyright MyCorp © 2019
Блог учителя Учительский портал