Инструменти за създаване на уеб страници
Какъв софтуер е необходимо да се създаде най-основната електронния документ на езика на HTML?
HTML език команди. чрез което се извършва преброяване на изходния текст, наречен тагове (кодове).
Маркерът представлява набор от знаци, която започва с характер <и заканчивается символом> (Ъглови скоби, между които има писмени ключова дума): <………>
Разграничаване единични тагове: <…………> и сдвоена - контейнери - (отваряне: <………………> и в близост - пред нея е наклонена черта (/) ), Както и единични и отворени тагове могат да бъдат атрибути (допълнителни ключови думи, които могат да имат различни ценности - ценностите, записани след знака за равенство, а може би в кавички): <……………… …………=… …………=… …………=…>.
Структурата на HTML-документ (уеб страница) на
Всички HTML-документи са стриктно предварително определен модел, който е създаден с етикети, като например
... - Тази двойка маркер указва на браузъра, който преди това наистина HTML документ
... - Секция с глава, който съдържа информация за документа като цяло, по-специално, тя трябва да съдържа следния маркер:
...</ title> - Етикет, съдържащ заглавието на документа, който ще бъде показан в заглавната лента на прозореца на браузъра.</p>
<p>Алгоритъмът за създаване на HTML-документ с Notepad</p>
<p>Алгоритъм за редактиране на HTML-документ с Notepad</p>
<p>Работа с цвят на уеб страница</p>
<p>Цвят на уеб-страници се уточнява в шестнадесетичен: # kkzzss където кк - число, показващо броя на червен оттенък, СС - число, показващо броя на зелен нюанс, сс - число, показващо броя на нюанси на синьото.</p>
Алгоритъмът за определяне на кода на шестнадесетичен за цвета
<ol>
<li>Open Paint. Изберете палитрата меню - Промяна на палитрата - Определяне на цвят.</li>
<li>Да се посочи стойността на десетични за kolichenstva червени, зелени, сини цветове в избрания цвят</li>
<li>Отворете калкулатора програма</li>
<li>Конвертиране на десетични стойности в шестнадесетичен вид. Всеки цвят ще бъде записана от две шестнадесетични цифри</li>
<li>шест цифри, получени е цветен код шестнадесетичен</li>
</ol><p>параграф команди за форматиране<br></p>
<p>В HTML, няма, за да създавате вдлъбнатината (червената линия), така че за четливост между параграфи браузър отпечатва празен ред. Червената линия може да бъде създаден само с няколко помещения, допълнително пространство се определя от набора HTML характер: </p>
<p>Tag чифт: <p> ... </ p> - да се позове на параграф. Този маркер може да съдържа ALIGN атрибут, чиято стойност определя елементите на параграф подравняване: Център, наляво, надясно, Обосновете. например <p align=justify> - Това означава, че за да се приведе в съответствие ширина абзац.</p>
<p>Единични Tags: <br> - нов ред без да се създава параграф, <hr> - създаване на хоризонтална линия.</p>
<p>команди за форматиране на шрифта<br></p>
<p>Сдвоени етикети: <i> ... ... ... </i> - курсивен</p>
<p><b> ... ... ... </ b> - мазен</p>
<p><u> ... ... ... </ u> - подчертан</p>
<p>Tag с атрибути:<br> <font face =” тип шрифта ” size =” размер шрифта ” color =” цвет ”> ... ... ... </ font></p>
<p>Ако символът <BODY> няма да бъде предаден на атрибутите на външния вид на документа, текстът ще се появи в прозореца на браузъра, в съответствие с потребителските настройки. С цел да се осигури съгласуваност между външния вид на документа в браузъра и дизайн разработчик на потребителя, трябва да използвате атрибути на маркера:</p>
<p>Поставяне на снимки в HTML-документ<br></p>
<p>Графичният файл и документ dozhny на HTML бъде записан в същата папка. Файлът трябва да бъде оптимизирана, т.е. записан във формат .jpg. GIF. PNG</p>
<p>Tag да поставите изображението в HTML документ е: <br><div style="text-align:center;"><img SRC="ИМЯ ФАЙЛА" title="Hypertext Markup език HTML (HTML)" ALT="текст" /></div><br> когато:<br></p>
<p>име - името на файла с изображението на.<br> текст - е текстът, показани на мястото на изображението, ако файла с изображението по някаква причина не е налична.<br> стойност ALIGN - показва местоположението на снимката.<br> Приема следните възможни стойности: <br> ALIGN = TOP - следния текст се намира в горната част на изображението. <br> ALIGN = ДОЛУ - следния текст се намира в долната част на изображението. <br> ALIGN = НАЛЯВО - изображение, съхранено в лявата страна на листа. Текстът се увива около изображението в дясно. <br> ALIGN = MIDDLE - изображението е в центъра на листа. <br> ALIGN = дясно - изображение, съхранено в дясната страна на листа. Текстът обгръща снимката в ляво. <br>на стойност на широчината - ширината на желаното изображение на екрана, <br>стойност ВИСОЧИНА - височина на желаното изображение на екрана. <br>стойност ГРАНИЦА - определя широчината на линията за рамката <br> Обратно към менюто</p>
</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-opredeli-vashija-tip-tjalo-merci-klub.html" class="important-link" role="link">Как да се определи вашия тип тяло, Merci клуб</a></li>
<li class="important-item"><a href="/journal/kak-da-se-razmnozhavat-alabastr-za-da-szdadete.html" class="important-link" role="link">Как да се размножават алабастър, за да създадете барелефи</a></li>
<li class="important-item"><a href="/journal/kak-da-se-obadja-na-dama-pika-magicheski-portal.html" class="important-link" role="link">Как да се обадя на Дама Пика магически портал</a></li>
<li class="important-item"><a href="/experts/kak-da-se-gotvi-vkusno-led-riba.html" class="important-link" role="link">Как да се готви вкусно лед риба</a></li>
<li class="important-item"><a href="/journal/kak-da-se-opredeli-edno-jastie-ako-toj-ne-se-e.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>
