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

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

жүктеу/скачать 318,8 Kb.

бет	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. и

жүктеу/скачать 318,8 Kb.

Достарыңызбен бөлісу:

1 2 3 4 5 6