ПредишенСледващото

Основи на HTML

HTML е обикновен текстов файл с разширение .htm на (HTML). За да се създаде проста страница в началото, когато просто трябва да се упражнява една тетрадка. Отвори Notepad и напишете текста.

Всеки HTML елемент е рамкирана таг <> скоби. Всеки файл, HTML страница започва с маркер и завършва с .

Тук е маркер просто казва на браузъра (програмата, в която преглеждате уеб страница), че документът е HTML-документ за маркиране.

свободен край - тя бележи началото на HTML-документа и - затварящия маркер, това означава край на документа за HTML.

Вътре тези маркери има няколко важни маркери. Непосредствено зад маркера са етикети, обозначаващи заглавие на страница и текст на страницата.

Моята първа HTML страница


свободен край Това означава, че на името на заглавието на прозореца в извличането на тази страница.<br> Сега можете да създадете нов текстов документ в Notepad, копирайте текста показан по-горе и да го запишете като Stranitsa1.html и пуснете в браузъра, ще видите в заглавието на страницата в заглавието на прозореца на браузъра си <title>, и празна страница, защото ние сме в тялото на таговете на страницата <body> </body> не изход.</p> <p>Така че, текста по-горе, е основната рамка на всяка уеб страница за нас.</p> <h4>В комбина и несвоен тагове!</h4> <p><html></html>, <head></head>,<body></body> Това е само на сдвоените таговете - тези маркери, които са чифт етикет и неговото закриване, затварящ таг със символа /. За двойката етикети - стойността, съдържаща между началния етикет и края - това е маркер за действие. Действие ще се разпространява толкова дълго, колкото етикет с / характер е намерен.</p> <p>Несвоени тагове - те не разполагат с затварящ маркер. По-долу ви представяме примери за такива етикети.</p> <p><head></head> - Заглавието на страницата с HTML, която включва ключови думи за търсачки, различни скриптове и т.н.</p> <p><body></body> - Директно тялото на HTML документ.</p> <p><br /> Нечетен маркер.</p> <p>Забележка: В повечето случаи, е вече в строителната площадка готов за употреба подпрограми, плъгини и др - за по-бързо създаване на сайтове, но за да се приложи и използва тези съчетания и шаблони - все още се нуждаят минимум знания на сесиите на данни.</p> <h3>навигация в публикациите</h3> <h4>Свързани статии</h4> <ul> <li> <p><a href="/journal/korporativen-sajt-kato-osnova-za-uspeshen-onlajn.html">Корпоративен сайт като основа за успешен онлайн бизнес, личен блог за уеб администратори</a></p> </li> <li> <p><a href="/journal/obuchenie-vz-osnova-na-dominirashhija.html">Обучение въз основа на доминиращия</a></p> </li> <li> <p><a href="/journal/njakoi-postavjat-pod-vpros-osnovite-na-pravnija.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-gotvi-hljaba-s-chesn-bosilek-i-domati.html" class="important-link" role="link">Как да се готви хляба с чесън, босилек и домати - брускета с домати - за готвене</a></li> <li class="important-item"><a href="/journal/kak-da-se-premesti-v-podhodjashha-dieta-bez-stres.html" class="important-link" role="link">Как да се премести в подходяща диета без стрес - мотивацията и психологията</a></li> <li class="important-item"><a href="/journal/kak-da-se-otkrie-bankova-smetka-v-tajland.html" class="important-link" role="link">Как да се открие банкова сметка в Тайланд</a></li> <li class="important-item"><a href="/journal/kak-da-se-poddrzha-vrzka-s-blizkite-si-hora-na.html" class="important-link" role="link">Как да се поддържа връзка с близките си хора на разстояние, че е лесно да се върнете на любим човек</a></li> <li class="important-item"><a href="/experts/kak-da-se-skrati-vrzki-km-wordpress.html" class="important-link" role="link">Как да се съкрати връзки към WordPress</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>