Создание вашего первого HTML-документа — один из самых приятных моментов для любого нового веб-дизайнера. Вот как это сделать за 60 секунд!
Ваш первый HTML-документ
Начните с создания нового файла и назовите его «index.html». Откройте файл в текстовом редакторе, таком как Блокнот, или в идеале в редакторе кода, например, Sublime Text .
В первой строке добавьте этот код типа документа.
|
1
|
<!DOCTYPE html>
|
Теперь добавьте открывающие и закрывающие теги HTML, например так:
|
1
2
3
4
|
<!DOCTYPE html>
<html>
</html>
|
Косая черта обозначает закрывающий тег. Теперь добавьте раздел заголовка с тегами <head> :
|
1
2
3
4
5
6
|
<!DOCTYPE html>
<html>
<head>
</head>
</html>
|
Эти заголовочные теги будут содержать метаданные о нашем документе.
Теперь добавьте раздел <body> тегами <body> :
|
1
2
3
4
5
6
7
8
9
|
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
|
Эти теги будут содержать то, что отображается в окне браузера. Теперь в <title> добавьте теги <title> и введите внутри них «Мой первый HTML-документ».
|
1
2
3
4
5
6
7
8
9
|
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Document</title>
</head>
<body>
</body>
</html>
|
В теле добавьте теги <p> и введите «Это абзац» внутри.
|
1
2
3
4
5
6
7
8
9
|
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Document</title>
</head>
<body>
<p>This is a paragraph.</p>
</body>
</html>
|
Теперь зайдите в браузер, откройте ваш файл и посмотрите, что вы только что сделали!
Дальнейшее чтение
Узнайте больше о HTML на Envato Tuts +.