Откъде да започнем?
Ако вие искате да научите pabotat в HTML-kodom nappyamyyu, както е описано в този урок ще отидат само за него, използване - Notepad. Лично аз избрах хотдог Professional, която ще замени стандартния Notepad на Windows. Хотдог Professional за разлика от стандартния Notepad`a има много различни инструменти, съчетания, както и възможности за услуги.
Първата ни страница
Името на вашия раздел
Вашият текст тук.
Ако не знаете какво е това и къде се намира на вашия компютър, отидете в панела "Старт", а след това на "програми", а след това на "Стандарт" в раздела, намерете и отворете "PAD". Копирайте и поставете кода в топ бележки. Сега запишете файла за разширяване «HTML» или «HTM». За да направите това в "Notepad" в менюто "Файл", щракнете върху "Save As ..."
Вижте как ще изглежда получите например, можете тук.
Сега нека да разгледаме този код. Повечето тагове, имат отвор елемент <> и закриване . Между тях и намирането на кодове, които признават браузър.
При откриването маркер, който обявява началото на документа.
Маркерът за отваряне на собственост или на ръководителя на документа (на когото и удобен). В бъдеще, ако това би било заглавие на документ, ние ще говорим таг , Името означава "удар с глава" на документа. между отвора и закриване етикет е името на документа и сервиз информация за браузъри и търсачки. В нашия случай това е информацията за кодиране на страница
<br>Отворете заглавие документ маркер казва на браузъра, за да се разбере, че всичко, което е написано само за този етикет и преди затварящия маркер Това е заглавието на документа. Това име се показва в браузъра на панел-горната браузър.
Първата ни страница - всъщност името на документа.
затваряне Името на таг на документа дава възможност на браузъра, за да се разбере, че това действие таг
Тя е приключила.<br></p>
<p></Head> <br>Заглавието маркер затваряне или ръководителят на документ, съдържащ браузъра, за да се разбере, че това действие таг <Head> Тя е приключила.<br></p>
<p><Body> <br>Сега само между началния маркер <Body> и закриване </Body> Това е всичко, което се показва от браузъра на екрана. Тази таблица, текст, изображения. С една дума, всички HTML-елементи, които се показват на документа, управляват и хипервръзки.</p>
<p></Body> <br>Затваряне на тялото на документа. Ние каже на браузъра, че този орган или на съдържанието (колкото искате, ние ще обсъдят "тяло") на документа е завършено. С други думи, на това място е пълно етикет действие <Body>.<br></p>
<p></Html> <br>Затворете документа за HTML. Виждайки този маркер браузър, който разбира, действието на маркера <Html> Това е приключила.</p>
<h4>Свързани статии</h4>
<ul>
<li>
<p><a href="/experts/izvestnijat-hski-pametnik-na-prvija-kosmonavt-v.html">Известният хъски - паметник на първия космонавт в Москва, снимки, официален уебсайт - курорт портал</a></p>
</li>
<li>
<p><a href="/experts/maraton-den-21-psiholog-na-sajta-svetlana.html">Маратон, ден 21, психолог на сайта Светлана Pilyugina</a></p>
</li>
<li>
<p><a href="/experts/rouz-ot-testo-plneni-s-meso-dom-restorant.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-szhivi-ljubovta-i-spasjavane-na-vrzkata.html" class="important-link" role="link">Как да се съживи любовта и спасяване на връзката, в блога на Ан Reshetko</a></li>
<li class="important-item"><a href="/experts/kak-da-se-szdade-plen-nabor-ikona-na-sajta-km.html" class="important-link" role="link">Как да се създаде пълен набор икона на сайта към вашия сайт за всички видове устройства</a></li>
<li class="important-item"><a href="/journal/kak-da-se-opakovat-s-nozh-kato-dokazatelstvo.html" class="important-link" role="link">Как да се опаковат с нож като доказателство</a></li>
<li class="important-item"><a href="/journal/kak-da-se-namali-ogvane-i-bojadisani-pleksiglas.html" class="important-link" role="link">Как да се намали, огъване и боядисани плексиглас, Brownie</a></li>
<li class="important-item"><a href="/experts/kak-da-se-napravi-menta-lakej-karikatura.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>
