Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. HTML
Webdesign

Dein erstes HTML Dokument in 60 Sekunden

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
Troubleshooting WordPress in 60 Seconds
Designing for Business Goals in 60 Seconds

German (Deutsch) translation by Matteo Duchscher (you can also view the original English article)

Ihr erste HTML-Dokument zu erstellen, ist eines der besten Momente für jeden neuen Webdesigner. Hier ist, wie man es in 60 Sekunden macht!

Ein wenig mehr Details

Lerne mehr über HTML

60 Sekunden?!

Das hier ist Teil einer Serie von kurzen  video tutorials auf Envato Tuts+. Wir haben uns zum Ziel gemacht, eine Reihe von Themen vorzustellen. Alle in 60 Sekunden - gerade genug um Ihren interesse anzuregen. Lassen Sie uns in den Kommentaren wissen, was Sie von diesem Video halten und was Sie gerne in 60 Sekunden erklärt sehen würden!

Untertitel/CC

Hier findest du den Inhalt von der "captions.sbv" Datei, welche wir benutzen können, um Untertitel zum Video zu machen. Schalte Untertitel an, indem du auf den Untertitel/CC Knopf im Player klickst und drücke auf das Einstellungen-Zahnrad Icon, um die Sprache anzupassen:

0:00:00.000,0:00:03.820
Erstellen Sie Ihr aller erstes HTML Dokument
ist eines der besten Momente

0:00:03.820,0:00:09.099
für einen neuen Webdesigner. Hier ist es wie Sie es
in sechzig Sekunden machen. Als erstes erstellen Sie eine neue

0:00:09.099,0:00:14.820
Datei und nennen Sie sie index.html Öffnen Sie die Datei
in einem nur-Text-Editor wie Notepad oder

0:00:14.820,0:00:21.779
einen Code-Editor, am liebsten Sublime Text.
In der ersten Zeile fügen sie diesen doctype code hinzu.

0:00:21.779,0:00:28.689
Fügen Sie nun öffnenden und schließenden HTML-Tags, wie
hier hinzu. Diese Schrägstrich bedeutet, dass dies ein schließender Tag

0:00:28.689,0:00:34.760
ist. Nun fügen Sie ein Kopfteil mit diesen Tags hinzu. Es wird
meta daten über dieses

0:00:34.760,0:00:35.950
Dokument enthalten.

0:00:35.950,0:00:40.469
Fügen Sie einen Body-Abschnitt mit diesen Tags hinzu. Hier wird
stehen, was im

0:00:40.469,0:00:47.070
Browser Fenster angezeigt wird. Füge Title Tags im Kopfteil hinzu
und tippe "mein erstes HTML dokument"

0:00:47.070,0:00:53.699
ein. Im Body füge p Tags hinzu und tippe
"Dies ist ein Absatz" ein. Jetzt gehen Sie zu

0:00:53.699,0:00:57.850
einem Browser, offnen Ihre Datei, und bewundern Sie,
was Sie gerade erstellt haben. Das ist Ihr erstes

0:00:57.850,0:01:00.170
HTML Dokument in 60 Sekunden.

Advertisement
Advertisement
Advertisement
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.