2017-08-14 1 views
-4

Ok, so sieht meine Website aus (ein Bildlogo in der oberen linken Ecke und die Überschrift "Meine Bibliothek" direkt daneben). Wie schreibe ich das in ein HTML-Dokument?Wie schreibe ich diesen Code?

Dies ist, wie weit ive got-

<style> 
    h1 { 
     display: 

    <body> 
    <div id= "page"> 
    <left><img src= "https://www.pinterest.com/pin/270004940129663305/" alt= "book logo" width= "69" height= "93"> 
    <div id= "logo"> 
+1

hier gehen Sie: https://www.tutorialspoint.com/html/ – JohnnyAW

Antwort

0

Sie wollen etwas wie folgt aus:

HTML:

<div id= "page"> 
    <img class="image-class" src= "https://www.pinterest.com/pin/270004940129663305/"/> 
    <div class="book-logo-class"> 
     Book Logo 
    </div> 
    </div> 

CSS:

.book-logo-class{ 
    display: inline-block; 
    vertical-align: top; 
} 

.image-class{ 
    width: 69px; 
    height: 93px; 
    float: left; 
} 

Hoffnung, das hilft.

Here ist ein jsfiddle, wenn Sie mit ihm spielen wollen:

1
<div id="logo-header"> 
    <img src= "https://www.pinterest.com/pin/270004940129663305/" alt= "book logo" width= "69" height= "93"> 
    <div id="header-title">My Library</div> 
</div> 

Here die js Geige ist. Hoffe das hilft.

Verwandte Themen