Здравейте на всички! Днес прекара сутринта в обясненията "на пръстите на ръцете" като дръжки на предписват текстови линкове и връзки в изображенията. Мисля, че основни познания по HTML не би искал, така накратко да очертая ключовата същността на HTML. Така да се каже, като се започне SEO оптимизатори и блогъри имат представа за езика и как са изградени страници.
Какво е HTML?
Има два вида етикети: контейнер и празен.
- Контейнер таг "тайна" на текста или изображението, и трябва да се състои от откриване и закриване край, като ... . затварящия маркер има наклонена черта / браузър казва, че маркерът е приключила.
- Празни щандове край, като
пренасяне на нов ред или
хоризонтална линия. Празните тагове не изискват затварящ таг, защото те не са "увиване".
Как да създадете HTML страница
За да започнете нещо, аз предлагам да разгледаме един много прост шаблон HTML.
Препоръчителна четене: Основи на HTML (част 3)
Име на сайта или страницата </ title> <br> </ head> <br> <body> <br> Основното съдържание на страницата <br> </ body> <br> </ html></p>
<p>Моля, имайте предвид, че когато отворите маркер, трябва да сме сигурни, за да го затворите. HTML документи са разделени на две основни части - глава (ръководител) и тяло (тяло). <html> таг казва на браузъра, че това е HTML документ. <head> етикет съдържа информация за документа, като например:</p>
<p>Тук са свързани стил файлове (CSS)? но това е за по-напреднали другари. И накрая, маркерът <body>, който съдържа всички страници на съдържанието на вашия сайт: текст, изображения, графики и т.н.</p><h2>Създаване на първата страница HTML</h2>
<p><html> <br> <head> <br> <title> Първият ми уеб страница </ title> <br> </ head> <br> <body> <br> Learning HTML<br> Добре дошли!<br> Това е първият ми уеб страница.<br> Да науча някои основни HTML тагове и заглавия<br> Основни положения на HTML<br><br> </ body> <br> </ html></p>
<p>Тя трябва да изглежда така:</p>
<p><div style="text-align:center;"><img src="https://images-on-off.com/images/150/osnovihtmldlyanachinayushixvebmasterovis-30c3c85d.png" title="Основи на HTML за нови уебмастъри и експерти SEO (основен)" alt="Основи на HTML за нови уебмастъри и експерти SEO" /></div></p>
<p>Запазете файла като example.html десктоп. Отворете файла във вашия уеб браузър, за да видите как тя се превръща тагове. Тя изглежда доста скучно, на този етап, но това е само началото.</p>
<p>Може да е малко гланц и :).</p>
<h2>форматиране на текст</h2>
<p>Ние можем да добавите етикети към текста, за да добавите повече структура към него. В първия етап ние подбираме заглавия, параграфи, нови редове и хоризонтална линия, но първите неща, на първо място.</p>
<p>Има 6 нива на заглавия в HTML, те определят нивото на важност. Например в блог, заглавието на статията си може да бъде h1 таг по това време, тъй като имената на параграф на публикацията може да се h2 или h3 тагове. Например:</p>
<p>Препоръчителна четене: Как да добавите Nofollow връзки в менюто WordPress</p>
<p> <br> <h2> Заглавие h2 </h2> <br> <h3> глава h3 </h3></p>
<p>За някои части от текста, можете да използвате <p> маркер за интервал между параграфи.</p>
<p><p> раздел </p></p>
<h3>Извънредни линии</h3>
<p>За да добавите нов ред при използване на празен етикет <br>, това означава, че не е необходимо да се затвори /. Това създава един празен ред и изпраща кода на следващия ред.</p>
<h3>Хоризонталната линия</h3>
<p>За създаване на хоризонтална линия във вашата страница, ние използваме маркера <hr>.</p>
<h2>Как да добавите форматиране на текста на страницата?</h2>
<p><div style="text-align:center;"><img src="https://images-on-off.com/images/150/osnovihtmldlyanachinayushixvebmasterovis-b17bb33b.png" title="Основи на HTML за нови уебмастъри и експерти SEO (основен HTML)" alt="Основи на HTML за нови уебмастъри и експерти SEO" /></div></p>
<p>В резултат на тези движения, които получаваме следното:</p>
<p>Вече приятен за окото.</p>
<p>Това е абсолютната основите на HTML и е може би най-скучния част! Смятам да в бъдещите постове малко развие тази тема, тъй като всеки SEO специалист в крайна сметка трябва да се справят с основите на HTML. <br></p>
<h4>Свързани статии</h4>
<ul>
<li>
<p><a href="/journal/prezentacija-na-tema-ezikovi-osnovite-na-html-ili.html">Презентация на тема езикови основите на HTML или защо започнах да се създаде уеб страница</a></p>
</li>
<li>
<p><a href="/journal/chetka-za-prilagane-na-tonalen-ramka-pjaschen.html">Четка за прилагане на тонален рамка пясъчен часовник прибиращ фондация четка - «пясъчен часовник</a></p>
</li>
<li>
<p><a href="/journal/osnovi-kato-krep-roklja-igla-za-vratovrzka-mzhe-i.html">Основи като креп рокля игла за вратовръзка, мъже - и екипировки</a></p>
</li>
</ul>
</div>
<div class="article-share clearfix"> <button class="article-share__print" type="button"> <span class="print-title">Отпечатайте това</span> </button> <div class="article-share__btns"> <div class="article-share__title">Подкрепете проекта - споделете линка, благодаря!</div>
</div> </div> <style>
# mc-container {
подложка: 10px;
}
</style>
<div class="comments-area">
<div id="mc-container">
<div id="mc-content">
</div>
</div>
</div>
<p> </p> <p> </p> <p> </p>
</div>
</div> </article> <aside class="main-sidebar">
<div id="text-2">
<div class="textwidget">
<p>
<br>
<br>
<br>
<br>
</p>
</div>
</div>
<div class="main-block b-orange experts-block">
<div class="main-block__title">Отговорите на експертите <br />на вашите въпроси</div>
<div class="main-block__expertlist">
<div class="expertlist-cart">
<a href="/expert/68"><img class="expertlist-cart__photo" src="/wp-content/uploads/2015/08/hrunina.jpg" alt="Кхунина Анна Викторовна"></a>
<a href="/expert/68" class="expertlist-cart__name"><span>Кхунина Анна Викторовна</span></a>
<span class="expertlist-cart__desc">Съветник по кърменето</span>
</div>
<div class="expertlist-cart">
<a href="/expert/17"><img class="expertlist-cart__photo" src="/wp-content/uploads/2015/06/bibikova-elena.jpg" alt="Бибикова Елена Анатолиевна"></a>
<a href="/expert/17" class="expertlist-cart__name"><span>Бибикова Елена Анатолиевна</span></a>
<span class="expertlist-cart__desc">Психолог на семейната система</span>
</div>
<div class="expertlist-cart">
<a href="/expert/100"><img class="expertlist-cart__photo" src="/wp-content/uploads/2016/02/aniva-200.jpg" alt="Анна Нива"></a>
<a href="/expert/100" class="expertlist-cart__name"><span>Анна Нива</span></a>
<span class="expertlist-cart__desc">Учител по детска йога</span>
</div>
<a href="/experts/" class="ui-btn">Задайте въпрос</a>
<div class="expertlist-cart__answers">
<a href="/experts/" class="link">Вижте експертни отговори</a>
</div>
</div>
</div>
<div class="main-block b-border">
<div class="main-block__title"><span class="title-wrapper">Най-важното</span></div>
<ul class="main-block__important">
<li class="important-item"><a href="/journal/kak-da-se-grizhim-za-kolene-grizha-za-tjaloto.html" class="important-link" role="link">Как да се грижим за колене - грижа за тялото</a></li>
<li class="important-item"><a href="/experts/kak-da-se-premesti-v-zimnija-i-rabotjat-v-tajland.html" class="important-link" role="link">Как да се премести в зимния и работят в Тайланд 10 съвета новак чужденци</a></li>
<li class="important-item"><a href="/experts/kak-da-se-vrzvam-domati-v-cottagers-na-parnikovi.html" class="important-link" role="link">Как да се връзвам домати в cottagers на парникови съвети</a></li>
<li class="important-item"><a href="/journal/kak-da-se-prevede-po-smetkata-na-parite-na.html" class="important-link" role="link">Как да се преведе по сметката на парите на организацията в Сбербанк онлайн</a></li>
<li class="important-item"><a href="/experts/kak-da-se-izpolzva-pojalnik.html" class="important-link" role="link">Как да се използва поялник</a></li>
</ul></div>
</aside>
</main>
<footer id="footer" class="page-padding clearfix" role="contentinfo">
<div class="footer-col">
<div class="footer-logo">
<a href="/" rel="nofollow" title="Към началната страница"><img class="footer-logo__img" src="/wp-content/themes/kids2015/img/ui/ui_logo-small.png" alt="test.test"></a> <span class="footer-logo__desc">Всичко за децата <br />от раждането до училището</span>
</div>
<p class="footer-copyright">© 2013-2024. Портал за родителите "Всичко за децата".<br />Копирането на материали е разрешено само при посочване на активната хипервръзка към източника.</p>
<div class="footer-counters">
<div class="footer-counters__item">
<!--LiveInternet counter--><script>
new Image().src = "https://counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+
";"+Math.random();</script><!--/LiveInternet--> </div>
</div>
</div>
<div class="footer-col">
<div class="footer-nav__header">информация</div>
<ul class="footer-nav">
<li class="footer-nav__item">
<a href="/about/" role="link">За проекта</a>
</li>
<li class="footer-nav__item">
<a href="/privacy.html">Политика за поверителност</a>
</li>
<li class="footer-nav__item">
<a href="/sitemap/" role="link">Карта на сайта</a>
</li>
<li class="footer-nav__item">
<a href="/about/advertise/" class="red-text" role="link">Рекламно разположение</a>
</li>
</ul>
</div>
<div class="footer-col">
<!--noindex-->
<div class="footer-subscribe">
</div>
<div class="footer-recommend">
Моля, подкрепете проекта - разкажете ни за социалните мрежи!
</div>
<!--/noindex-->
</div>
</footer>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
jQuery(function(f){
console.log(1);
f('.advads-close-button').fadeOut(0);
f(window).scroll(function(){
var element = f('#adv-scrool-4438ffc39d0');
var offset_element_for_hide = jQuery(document).height();
if(f(this).scrollTop() > 500){
setTimeout(function(f) {f('.advads-close-button').fadeIn(0);}, 10000, f);
element.fadeIn(0);
}
if(f(this).scrollTop() < 500 || f(this).scrollTop() > offset_element_for_hide ){
element.fadeOut(0);
}
});
});
</script>
<script>window.jQuery || document.write('<script src="/wp-content/themes/kids2015/js/libs/jquery-1.11.2.min.js"><\/script>')</script>
<script src="http://code.jquery.com/jquery-migrate-1.4.0.js"></script>
<script src="/wp-content/themes/kids2015/js/libs/jquery.magnific-popup.min.js"></script>
<script src="/wp-content/themes/kids2015/js/libs/alertify.min.js"></script>
<script src="/wp-content/themes/kids2015/js/work.js"></script>
</section>
<button id="scrollUp" type="button" title="Обратно горе"></button></div>
</body>
</html>
