2017-09-06 13 views
0

htmlサイトに画像をインポートする必要があります。そして私はどのコードを使うべきか分かりません。私のHTMLコーディングはNixrというフォルダにあります。それは私のデスクトップにあります。私がhtmlサイトにアップロードしようとしているコーヒーの写真は、coffee.jpgというNixerのフォルダにあります。HTMLデスクトップに保存された.jpg画像をアップロードしたい

私が使用して試してみましたコード:

<img src="/images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;"> 

私のHTMLコーディング:

<HTML> 

<HEAD> </head> 

<BODY style="background-color:powderblue;"> 

<br> <br> <br> 

<style> 

div { 
border: 1px solid black; 
margin-top: 0px; 
margin-bottom: 67px; 
margin-right: 210px; 
margin-left: 1000px; 
background-color: powderblue; 
text-align: center; 
} 

</style> 
</head> 
<body> 

<div> 
<h2><b>Log In!</b>.</p> 

<form> 
Login:<br> 
<input type="text" name="username"><br> <br> 
Password:<br> 
<input type="password" name="psw"> 
</form> 
</p> 

<button type="button">Log In!</button> <br> <br> 

<b>Sign Up Today!</b>.</p> 

<form action="/action_page.php"> 
First name:<br> 
<input type="text" name="firstname"> <br> <br> 
Last name:<br> 
<input type="text" name="lastname"> <br> <br> 

<form action="/action_page.php"> 
E-mail: <br> 
<input type="email" name="email"> <br> <br> 

<form action="/action_page.php"> 
Birthday: <br> 
<input type="date" name="bday"> <br> <br> 

<form action=""> 
<input type="radio" name="gender" value="male"> Male 
<input type="radio" name="gender" value="female"> Female 
<input type="radio" name="gender" value="other"> Other 
</form> 

<p>By clicking Create Account, you agree to our Terms and that you <br> have 
read our Data Policy, including our Cookie Use.</p> 

<button type="button">Create Account</button> </h2> 

</div> 
</body> 
</html> 
+0

あなたのhtmlファイルはどこに保存されますか? – veera

+0

あなたのコードをアップロードして、あなたが望むものが何かを理解することができます。 –

+0

[this](https://www.w3schools.com/html/html_images.asp)とお読みください。 –

答えて

0

私はあなたが右のこの質問を求めていると思ういけません。私が混乱しない限り。あなたは、画像URLを使ってコンピュータがあなたのために画像を見つけられるように、写真をドロップしたくない。

私の提案は、index.htmlがフォルダ内に存在することです。あなたが写真をアップロードしたい場合は

<img src ="site_folder/cofee.jpg" /> 
1

:この例では、そのフォルダの名前は、その後、イメージタグを使用することになり、「Site_folder」であり、あなたのイメージファイルは「coffee.jpg」

命名されましたあなたのフォルダのディレクトリにあるフォームを使って、PHPを使う必要があります。あなたのファイルがある場合は

<img src="filelocation/filename.jpg" style="height:100px;width:100px;" /> 

:フォームを使用して画像をアップロードすると、それはあなただけのHTMLを通してそれを表示するために探しているなら、あなたはこれを使用することができ、この https://www.w3schools.com/php/php_file_upload.asp

を参照して表示するための

ディレクトリの外に、その後

<img src="../filelocation/filename.jpg" style="height:100px;width:100px;" /> 
0

はこれを使用します。 <img src="name.jpg"> あなたの名前とその拡張子JPGまたはjpegを使用してください。画像の詳細を確認し、同じフォルダまたは同じ場所にある場合は名前のみを使用します。

0

質問をする方法を知るためには、もっと頻繁にここにいるはずです。あなたの質問について

は、あなたが作業しているかのフォルダを作成する必要があります。 そのフォルダにindex.html(HTMLファイル)とstyle.css(CSSファイル)を保存します。 すべての画像と.jsファイルを配置する必要があるサブフォルダアセットを作成します。 これは私が従う標準です。

今、あなたは簡単に、

<img src="assets/flower.jpg" alt="flower" style="width:100%">をあなたは、コードを使用して、それらを必要とするこれまでの画像を呼び出すことができます。

srcタグで画像が撮影されます。

画像がロードされていない場合、代替タグが代替ディスプレイになります。

幅タグは、画像の配置場所を調整します。

有用な場合はお気付きください。

関連する問題