Урок 1: Основни тагове
Без значение как изглежда вашата уеб-сайт и каква информация искате да покажете, има три тагове, които са в съответствие с HTML и WWW стандарти трябва да присъства във всяка уеб-страница.
1. и
Тези етикети са необходими уеб-браузър за определяне на различните части на HTML-документа, но те нямат пряко влияние върху външния вид на уеб страници. Това са етикети, казват на браузъра, че текста между текста следва да се тълкува като HTML. Тъй като HTML документи чисто текстова тагове Той казва, че файлът е писано в хипервръзки.
За да направите това, въведете в началото на файла. Това ще бъде първата дума, която се появява на екрана. След това напишете своя партньор . Сега всичко, текстът, който ще се появи между тези тагове ще бъдат маркирани като HTML текстов формат.
2. и
тагове
и обърнете внимание на информацията в HTML-документ, който ще послужи като заглавието.
циферблат
на екрана между маркерите , След това наберете съотборника му на следващия ред - таг .
3. и
тагове
и , както и , Той е предназначен да се отнася за отделна част на HTML-документ. Текстови покрит тагове , Това е основната част на документа.
4. Името на началната страница
Когато се въвеждат основните тагове, можете да започнете да въвеждате текст. Това се прави с помощта на маркер
и . Името на началната страница се показва в заглавната лента на браузъра на. В допълнение, когато зададете маркера към определена страница, и показва на дисплея името.
Името на уеб-страницата се поставя в частта на глава, означен с маркери
и . Всеки HTML-документ може да има само едно име.
Въведете nazvanieWeb страници с помощта на двойката тагове ,
, ,
. Запазване на отворена страница vashuWeb файла и в браузъра.</p>
<h2>Урок 2-3. Въвеждане на текст и друга информация</h2>
<p>Уеб-страница трябва да съдържа информация, казва посетителите за вас. Въвеждане на текст - е може би най-лесният стъпка в процеса на създаване на началната си страница, както можете да въвеждате текст директно в HTML - файл, и тя ще бъде показана в браузъра като обикновен текст.</p>
<h2>1. Заглавия</h2>
<p>След въвеждането на името, че е време да се създаде заглавие, което ще се появи на вашия уеб-страница. Както заглавието, заглавия трябва да бъдат кратки и полезни. Има шест титли размер на шрифта (те са номерирани от едно до шест H1 - H6, с първото число съответства на най-големия шрифт). Заглавие тагове различават от таг <HEAD> и </HEAD>. Те не се дефинира секция на документа, и на външния вид на текст на екрана.</p>
<p>За да използвате заглавието на размера на буквите на първия въпрос, да кажеш, за подчертаване тагове <Н1> и </Н1>.</p>
<p>Опитайте се да се въведе примери за заглавия с различни размери, с посочване на последния. Този текст трябва да бъде поставен в частта отделена тагове <BODY> и </BODY>.</p>
<p>Така vyglyaditHTML код след поставяне на етикети:</p>
<h4>Свързани статии</h4>
<ul>
<li>
<p><a href="/journal/flash-tag-oblak-ot-normalen-html-stranica-szdavane.html">Флаш таг облак от нормален HTML страница, създаване и развитие на обекти - Никита Спивак</a></p>
</li>
<li>
<p><a href="/journal/majstorski-klas-za-szdavane-na-cvetja-ot-najlon.html">Майсторски клас за създаване на цветя от найлон букет ириси</a></p>
</li>
<li>
<p><a href="/journal/5-instrument-za-szdavane-na-model-nasochen.html">5 инструмент за създаване на модел, насочен самолети, kramscalemodels</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-izchisli-po-vzhodjashha-znak-na.html" class="important-link" role="link">Как да се изчисли по възходяща знак на източния (китайски) зодиака</a></li>
<li class="important-item"><a href="/experts/kak-da-se-nosjat-leshhi-sveti-za-nachinaeshhi.html" class="important-link" role="link">Как да се носят лещи съвети за начинаещи</a></li>
<li class="important-item"><a href="/journal/kak-da-se-izmeri-vtreshnata-rezba-na-gajkata.html" class="important-link" role="link">Как да се измери вътрешната резба на гайката монтаж</a></li>
<li class="important-item"><a href="/experts/kak-da-se-szdade-internet-na-android-podrobni.html" class="important-link" role="link">Как да се създаде интернет на Android подробни инструкции - Страница 2</a></li>
<li class="important-item"><a href="/experts/kak-da-se-prilaga-senki-za-ochi-na-instrukcii.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>
