Блог

Главная - Вопросы по программированию - Я хотел бы знать, как я могу добавить логотип в заголовок только с помощью html и css

Я хотел бы знать, как я могу добавить логотип в заголовок только с помощью html и css

#html #css

Вопрос:

Я понимаю, что добавление изображения в заголовок-это функция HTML, но я не знаю, как это сделать. Ниже приведен мой HTML-код. Я новичок, и это был бы мой первый проект, любая форма помощи действительно ценится.

 <head>
<meta charset="utf-8">
     <title> Mike Flora </title>
     <link rel="stylesheet" href ="style.css">
<head>
<body>

<div class="fixed-header">
<h1>Welcome to Mike Flora</h1>
<div class="container">
    <nav>
    <a href="sofar.html">Home</a>
    <a href="#">About</a>
     <a href="#">Products</a>
      <a href="#">Services</a>
       <a href="contact.html">Contact Us</a>
       
        </nav>
        </div>
        </div>

<h6>Register Here</h6>
    <div><input type="text" placeholder = "First Name" name = "name">
    </div>
    <div><input type= "Password" placeholder="Password" name= "Password">
    </div>
    <div><input type= "text" placeholder= "Local Government" name= "Local Government">
    </div>
    <button>Submit</button>
    <h2>Words from the HeadMaster</h2>
    <br>We are glad you found us. We hope you find that which you seek here</br>
    

<div class="container">
<div class="fixed-footer">
    
    <div class="container">Copyright amp;copy; 2016 Your Company</div>     

    
</div>
    

    
    
</body>

Комментарии:

1. фоновое изображение и немного отступов?

2. Вы ищете тег img ?

Ответ №1:

Рад слышать, что ты начинаешь что-то новое. Я думаю, что для решения вашей проблемы вы можете использовать тег img. Это выглядело бы примерно так:

 <nav>
    <a href="sofar.html">Home</a>
    <a href="#">About</a>
    <a href="#">Products</a>
    <a href="#">Services</a>
    <a href="contact.html">Contact Us</a>
    <img src="path/to/your/image.png" width='50px' height='50px'>
</nav>

Если вы хотите, чтобы он где-то ссылался, вы также можете завернуть его в теги «а».

 <a href="sofar.html"><img src="path/to/your/image.png" width='50px' height='50px'></a>

Надеюсь, это сработает для вас. О, и вы можете изменить высоту и ширину, чтобы они были такими, какими вы хотите, очевидно.

Удачи!

Редактировать: Просто чтобы вы знали, что у вас должно быть изображение/логотип, который вы пытаетесь отобразить в исходной папке, а затем вы свяжетесь с ним в src тега img.

Если вас это смущает, это должно помочь: https://www.w3schools.com/html/html_filepaths.asp

Метки: ,