Знакомство с html


Пример создания html страницы в блокноте



бет6/6
Дата13.12.2021
өлшемі318,8 Kb.
#125250
түріУрок
1   2   3   4   5   6
Байланысты:
7 тема. Знакомство с html

Пример создания html страницы в блокноте

В первом уроке мы уже рассмотрели маленький пример создания html-страницы. Теперь создадим более сложную страничку. Хочу отметить, что я буду объяснять как это сделать без применения специальных программных средств. Все, что понадобится для работы — это обычный блокнот от Windows. Для более удобной работы рекомендую скачать Notepad++ (продвинутый блокнот с возможностью подсвечивания html-тегов). Итак, начнем.

Откройте блокнот и скопируйте в него следующее:

<html>

<head>

<title>Главная страница - страница обо мне</title>

</head>

<body>

<center><h1>Информация обо мне</h1></center>

Краткая биография обо мне

Родился в 1985 году в городе Москва. Закончил в 2008 году МАИ.

На данный момент работаю ведущим инженером в крупной авиакомпании.

Моя мечта стать ведущим по машине.

Поскольку я люблю авиацию, то хотел бы поделиться несколькими интересными

фотографиями на эту тему

<br/><br/>

<center><img alt="Два самолета"

src="https://img-fotki.yandex.ru/get/9931/160700675.0/0_110e34_54188f48_-1-orig">

</center>

<br/><br/>

<font style="color:green">Этот текст зеленый</font>

<br/><br/>

<b>Просто пример жирного текста</b>

<br/><br/>

Низ страницы



<br/><br/>

В данном примере мы рассмотрели кратко основные теги HTML, теперь можно пробовать создавать

несколько связанных страниц через ссылки и выкладывать сайт в интернет.

<hr>

Этот материал был написан благодаря сайту



<a href=http://zarabotat-na-sajte.ru/>

http://zarabotat-na-sajte.ru/</a> - за что я ему благодарен.



<br/><br/>

Спасибо. До новых встреч!



</body>

</html>

Далее нажмите "сохранить как", в поле тип файла выберите "все файлы", а в названии напишите index.html. Обязательно в конце названия должно быть расширение .html (не .txt), иначе браузеры не будут интерпретировать его как веб-документ.



Если по каким-то причинам у Вас не получается создать html страницу, то Вы можете скачать предыдущий пример по ссылке: index.rar.

Теперь пару слов о тегах, которые мы использовали, чтобы сделать эту страницу.

Описание html тегов из примера

1.  — эти теги должны присутствовать на каждой веб-странице обязательно. Они сообщают браузерам и поисковым машинам, что это html-страница.

Любая html страница имеет следующую структуру:

<html>

<head>

...


Заголовочные теги

...


</head>

<body>

...


Тело страницы

...


</body>

</html>

2.   и 

Достарыңызбен бөлісу:
1   2   3   4   5   6




©engime.org 2024
әкімшілігінің қараңыз

    Басты бет