Advertisement
  1. Web Design
  2. HTML

Ваш первый HTML документ за 60 секунд

Scroll to top
Read Time: 1 min
This post is part of a series called 60 Second Video Tutorials.
Troubleshooting WordPress in 60 Seconds
Designing for Business Goals in 60 Seconds

() translation by (you can also view the original English article)

Создание своего первого HTML документа, потрясающий момент для новичка веб-дизайнера. Вот как это сделать за 60 секунд.

Немного Деталей

Узнайте больше о HTML

60 секунд?!

Это часть нового цикла видео туториалов на Tuts+. Мы планируем ознакомить вас с различными темами, всё это за 60 секунд, достаточно, чтобы пробудить ваш аппетит, для дальнейшего изучения. Дайте нам знать в комментариях, что вы думаете о подобных видео, и что ещё хотели бы узнать за 60 секунд!

Субтитры/CC

Здесь вы найдёте контент «captions.sbv» файла, который мы можем использовать, чтобы добавить субтитры к скринкасту. Включите субтитры нажав кнопку Subtitles/CC, в настройках, иконка шестерёнки выберите язык:

0:00:00.000,0:00:03.820
Создание первого HTML документа
один из потрясающих моментов

0:00:03.820,0:00:09.099
для веб-дизайнера новичка. Вот как это сделать
за шестьдесят секунд. Для начала создайте новый

0:00:09.099,0:00:14.820
файл и назовите его index.html Откройте файл
в текстовом редакторе, к примеру блокнот или

0:00:14.820,0:00:21.779
в идеале в редакторе, как Sublime Text.
На первой строчке напишите доктайп.

0:00:21.779,0:00:28.689
Теперь добавьте открывающий и закрываюий HTML тэги
. Слеш означает закрывающий

0:00:28.689,0:00:34.760
тэг. Теперь добавьте head элемент со следующими тэгами. Тут
будет содержаться мета информация о этом

0:00:34.760,0:00:35.950
документе

0:00:35.950,0:00:40.469
Добавьте элемент body с данными тэгами. Тут
будет содержаться контент, который будет показываться

0:00:40.469,0:00:47.070
в окне браузера, в head добавьте тэги title
и напишите «мой первый HTML документ»,

0:00:47.070,0:00:53.699
между ними. В body добавьте тэги p и напишите
«это параграф» внутри. Теперь перейдите в

0:00:53.699,0:00:57.850
браузер и откройте ваш файл, проверьте,
что вы только что сделали. Это ваш первый

0:00:57.850,0:01:00.170
HTML документ за 60 секунд.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.