2017-08-14 142 views
-4

好的,這是我的網站的外觀(左上角有一個圖片標誌,旁邊是「我的圖書館」標題)。 如何在HTML文檔中編寫此代碼?如何編寫此代碼?

這是香港專業教育學院有多遠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

這裏你去:https://www.tutorialspoint.com/html/ – JohnnyAW

回答

0

你想是這樣的:

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; 
} 

希望有所幫助。

Here是的jsfiddle,如果你想用它玩:

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是JS小提琴。希望這可以幫助。