Einführung in HTML und das Portfolio-Projekt, wie man eine Website machen, Treehouse
HTML-Elemente
Wenn Sie auf Treehouse steckt, gibt es zwei Möglichkeiten, um Hilfe zu bekommen.
Wenn Sie völlig neu für Web-Design-Entwicklung, oder wenn
Sie brauchen eine Auffrischung, das ist ein guter Anfang ist.
In diesem Kurs werden wir lernen, wie man HTML schreiben
Keine Sorge, wenn Sie noch nie eine einzige Zeile Code geschrieben haben.
Wir werden Schritt für Schritt lernen, so dass Sie entlang folgen können.
im Web, für jedermann zu sehen. Werfen sie eine kurze Tour.
Es gibt die Portfolio-Seite, die Sie hier sehen können.
Auf diese Weise können Sie Ihre Designarbeit, Fotografie oder etwas zeigen, das Sie möchten.
In der Tat könnte man leicht diese anpassen
Bereich Ihre Lieblingsfamilienfotos anzuzeigen.
Als nächstes haben wir eine Über-Seite. Hier können Sie ein Profilbild posten entlang
Ihre Telefonnummer, E-Mail-Adresse und Twitter Griff.
Dies ist nützlich, wenn Sie ein Web-Designer zu mieten sind oder wenn Sie laufen
ein Geschäft, und Sie wollen Menschen, die Sie erreichen können.
Wir werden alles im Detail erklären, aber sie warme
up durch eine einzige Zeile HTML zu schreiben.
Wir werden unsere Namen schreiben und dann
wickeln Sie es in dem, was eine Schlagzeile Element genannt wird.
Dieses Element ist wie eine Schlagzeile in einem
Zeitung, es markiert einen wichtigen Abschnitt der Seite.
Ich werde einige Code tippen und dann im Code Herausforderung nach
Dieses Video können Sie Ihren eigenen Namen eingeben.
Der Bildschirm wir sehen, ist Workspaces genannt.
Wir werden mehr über Workspaces im nächsten Video lernen.
Aber, keine Sorge über zusammen nur noch folgen.
Vorerst nur versuchen, die Informationen zu hören und absorbieren
so dass Sie für den Code Herausforderung nach diesem Video bereit sind.
Zuerst müssen wir einen Öffnungswinkel geben.
Auf den meisten Tastaturen, können Sie dies tun, indem
Sie die Umschalttaste gedrückt und die Komma-Taste drücken.
Als nächstes werden wir die Buchstaben H mit der Nummer 1, gefolgt eingeben.
Auf diese Weise können wir eine Ebene erstellen
Schlagzeile, die wir mehr über in der kommenden Videos sprechen würden.
Jetzt werden wir dies mit einem Schließwinkel schließen.
Halten Sie einfach die Umschalttaste gedrückt und die Zeit oder Stillstand Taste drücken.
dass Workspaces hat diese Linie für mich abgeschlossen.
Es ist das Endtag für dieses h1-Element eingegeben haben.
Ich werde weitermachen und diese schließenden Tag löschen
obwohl, so dass wir lernen können, es auf eigene Faust zu geben.
Wir haben das Starttag erstellt, aber wir brauchen auch
einen End-Tag zu machen, mit ihm zu paaren.
Um das zu tun, werden wir genau die gleiche Sache geben,
nur dieses Mal werden wir einen Schrägstrich kurz vor dem h umfassen.
Wir werden also einen Öffnungswinkel, einen Schrägstrich ein.
Und noch einmal, es ist es für mich abgeschlossen.
Aber nach dem Schrägstrich, werden wir eine Uhr, ein einen Typ, und
dann ein Schließwinkel. Und das wird das h1-Element abzuschließen.
Nun, zwischen diesen beiden Tags, werden wir unseren Namen eingeben.
Also, ich werde zwischen den beiden Tags klicken
hier und ich werde meinen Namen, Nick Pettit geben.
Aber können Sie voran gehen und Ihren eigenen Namen eingeben.
Im Code Herausforderung, erhalten Sie einen Öffnung h1-Tag mit spitzen Klammern erstellen.
Geben Sie Ihren Namen und
dann erstellen Sie einen Endtag mit spitzen Klammern und
ein Schrägstrich nur nach dem ersten Winkel.
Sind Sie bereit, einige HTML-Code? Lassen Sie uns versuchen Sie es heraus.
Sie müssen sich für Treehouse, um sich anzumelden natürlich Dateien zum Download bereit.