shivasaisai Ответов: 1

Что такое чистый HTML и CSS код?

<div class="mainHeader">
 <div class="row">
 <div style="float: left"><a class="img-Logo" href="/">
    <img src="/img/logo.png">
  </a></div>
  <div style="float: left" class="mainNAV">
    <div class="mainNAV-item"><a href="/">Home</a></div>   
  <div class="mainNAV-item"><span style="font-weight: bold; color: #000"><a href="/news">News</a></span></div>   
    <div class="mainNAV-ittem"><a href="/about">About</a>   </div>
    </div>
  </div>
</div>
  <div> </div>
  <div style="margin: 2em 1em 1.5em"><div class="artilce_title"><h1>ARTICLE TITLE</h1></div>   <h3 style="font-style: italic; font-size 18px">     By <a href="/authors/jon.doe">Jon Doe</a>
    </h3>
   </div>...<br><br><span style="color: red"></span><p>...</p>...<br><br><div style="font-size: 10px; color: #666"><span>
<a href="#" onclick="window.location='/authors/jon.doe'"><img style="border: 0" src="/img/uploads/jon.doe.jpg"></a>
  <div class="author-bio">
          Jon Doe is a staff writer for Example.com.
</div>
</span></div>
</div>


Что я уже пробовал:

<div class="mainHeader">
 <div class="row">
 <div style="float: left"><a class="img-Logo" href="/">
    <img src="/img/logo.png">
  </a></div>
  <div style="float: left" class="mainNAV">
    <div class="mainNAV-item"><a href="/">Home</a></div>   
  <div class="mainNAV-item"><span style="font-weight: bold; color: #000"><a href="/news">News</a></span></div>   
    <div class="mainNAV-ittem"><a href="/about">About</a>   </div>
    </div>
  </div>
</div>
  <div> </div>
  <div style="margin: 2em 1em 1.5em"><div class="artilce_title"><h1>ARTICLE TITLE</h1></div>   <h3 style="font-style: italic; font-size 18px">     By <a href="/authors/jon.doe">Jon Doe</a>
    </h3>
   </div>...<br><br><span style="color: red"></span><p>...</p>...<br><br><div style="font-size: 10px; color: #666"><span>
<a href="#" onclick="window.location='/authors/jon.doe'"><img style="border: 0" src="/img/uploads/jon.doe.jpg"></a>
  <div class="author-bio">
          Jon Doe is a staff writer for Example.com.
</div>
</span></div>
</div>

1 Ответов

Рейтинг:
0

Vincent Maverick Durano

То, что вы пробовали, грязно, поскольку вы смешиваете inline style определение. Чистый HTML сильно полагается на CSS чтобы получить меньше обслуживания, легко читаемая разметка. Кроме того, при разработке разметки вы должны следовать правильной структуре ваших HTML-элементов, включая отступы, семантику, элементы именования и т. д. Вот статья, описывающая: Как выглядит красивый HTML-код | CSS-трюки[^]

Я бы посоветовал вам начать изучать CSS, чтобы понять, как он используется в вашей HTML-разметке. Если вы ленивы или не разбираетесь в UX-дизайне, то я бы рекомендовал вам взглянуть на CSS boostrap. Тем не менее, вам все равно нужно будет изучить CSS, чтобы знать, как настроить существующее определение стиля в соответствии с вашими потребностями.