Wenn Sie diese selbst ausprobieren möchten, ist hier eine kurze Anleitung auf Fotos in Ihrem Text-Raum einbetten. Es ist nicht nur Taste klicken; Sie lernen ein wenig von einfachem HTML-Code. Aber wenn Sie noch nie getan, keine Codierung vor, keine Angst! Es ist nicht so schwer, und du musst nur ein klein wenig um ein Foto einbetten zu lernen.
Und hier ist es: < Img src="photourl.jpg"/ >
Außer Sie werden photourl.jpg mit Ihrem Foto-URL ersetzen.
Aber was ist Ihre Foto-URL? Werfen Sie einen Schritt zurück.
Für diese Instructable werde ich auf die Zusammenarbeit mit diesem Foto eines Roboters T-shirt:
Sie sollten in einem anderen Fenster folgen und versuchen, all die Sachen, die ich Ihnen zeigen.
Schritt 1: Laden Sie das Foto
Laden Sie das Foto auf Instructables normalerweise. Du musst auch die Instructable beimessen, nur auf der Website erhalten. (Es kann ein Bild von überall auf das Internet, aber ich werde nur von innerhalb der Instructables Website arbeiten.)
Sie sollten ein ziemlich großes Foto hochladen, so dass Sie in der Lage, alle Optionen zu sehen.
Schritt 2: Kopieren Sie die Bild-URL
Rechter Mausklick auf die Miniaturansicht des Bildes, und wählen Sie "Bild-URL kopieren".
Schritt 3: Das Spiel mit der URL
Wir gehen zu nehmen, dass URL und Spiel mit ihm ein wenig, so weitermachen und fügen Sie die URL-Zeichenfolge in einen neuen Tab des Browsers. Instructables hat ein paar verschiedene Versionen Ihrer Fotos.
Da wir vom Thumbnail kopiert, die URL-Zeichenfolge sollte derzeit mit enden ". THUMB.jpg". Das Bild ist also gering, wie folgt:
Jetzt ändern. THUMB.jpg zu. TINY.jpg es noch kleiner machen.
Versuchen Sie, SQUARE, SQUARE2 und SQUARE3:
Versuchen Sie MEDIUM.
Versuchen Sie es groß.
Sie sehen also, dass Sie eine Menge von Standard-Optionen für die Größe und auch die Form Ihres Fotos.
Schritt 4: In den Source-Code einfügen
Aber anstelle von photourl.jpg, in Ihre eigene Foto-URL. Zum Beispiel ist dies
< Img Src = " / >
Schritt 5: Breite und Höhe
Sie müssen nicht durch die Standardgrößen beschränkt werden, die wir in Schritt 3 erforscht. Sie können auch eine bestimmte Breite oder Höhe (oder beides!) in den HTML-Code angeben. Es ist ganz einfach! Versuche:
< Img src="photourl.jpg" Breite = "200" / >
< Img src="photourl.jpg" Höhe = "200" / >
< Img src="photourl.jpg" Breite = "200" Höhe = "200" / > oder < Img src="photourl.jpg" Höhe = "200" Breite = "200" / >
Aber wenn Sie Breite und Höhe einschränken, können Sie das Bild verzerren.
Die Breite des ein Instructable ist in der Regel 650px. Sie sollten Ihr Bild URL zu groß in den meisten Fällen festlegen, so dass Sie hohen Auflösung haben. Ansonsten könnte es so aussehen:
Und das ist alles, was, die Sie wissen müssen!
Hier, ein Bild sowieso einbetten. Aber wenn Sie diese kleinen Vorgeschmack der Macht von der Codierung genossen, Sie sollten mehr lernen! Es ist praktisch, manchmal. Wahrscheinlich ist der einfachste Weg zu lernen codeacademy.org. Klicken Sie auf den Link! Probieren Sie es! Einfach aufhören Sie, wenn Sie sich langweilen.
