HTML - езикът на маркиране документи. Най-правилното произношение - HSBC Chi Um El.
HTML - това е документ на език за маркиране на браузъра. Word'om тук е браузъра и документ - HTML страницата. Това е HTML-базирани разбиране, което е необходимо, за да не се обърка езикови документи за уеб маркиране с език за програмиране. Името говори за себе си - ние сме с помощта на HTML надценка. То ще бъде показано на стр елемент, изображение или текст и в какъв ред, те ще следват един след друг.
Да, един прост набор от форматиране на текста, както и офис приложения нямат нищо общо с програмиране. Но наблюдателен читател ще забележите един важен детайл - в текстообработваща програма пишем, редактиране и форматиране на текст и изображения с помощта на визуални и меню бутони, но защо HTML код е написан на ръка? Защо да научат толкова много технически подробности за писане на маркирането на документ?
Така че, HTML, пишем само химикалки. Подходящи инструменти за визуално редактиране на HTML не са дошли, и те са малко вероятно да се появи. HTML език за маркиране е лесна за научаване и разбиране, и пишат на HTML кода на автоматизация означава много, но това е за други уроци.
Структурата на HTML документ
Решихме, че документът за HTML, ще бъдат написани на ръка, което е, да се наложи. HTML кодиране - на процеса на създаване на HTML документ. Обикновените хора и информирани кръгове - само за гримиране. Всеки документ има структура и някои правила за строителство. Кои са елементите на кода е, какво структура в HTML?
Моля, имайте предвид, HTML документи са .html разширение.
Така че, за от примера.
- тип документ (тип документ)
Тази конструкция винаги се определя в началото на документа, за да правилното "разбиране" на браузъра коя версия на HTML се използва в строителството на документа.
Тъй като HTML се развива постоянно, то има няколко версии, както и всеки софтуерен продукт. Текущата версия на HTML - петата и онагледена типа на документа е от значение.
По принцип колкото по-дълбоко в изследването на типа документи не съществува никакъв смисъл, защото с пускането на HTML5, този дизайн се превърна в стандарт. Просто го поставете в горната част на документа всеки път, когато започнете да наложи на сайта оформление.
- започваща на документа
Първият маркер, че се срещаме след типа на документа, той .
HTML тагове - структурно звено на документ HTML код. HTML код е съставена от градивни елементи, които се наричат маркери. Всеки етикет има своя собствена функция и учене HTML език за маркиране, в крайна сметка, се крие в изследването на таговете и техните свойства в документа.
Трябва да се отбележи, че изучаването на HTML не е толкова сложна задача, колкото изглежда на пръв поглед. Научете се да използвате маркерите по маркиране на документи - не толкова голям товар върху мозъка.
По този начин, в документа започва с маркиране таг и завършва с затварящия маркер . Всеки маркер, който съдържа други тагове или елементи трябва да бъдат затворени затваряне. Например, , ,
, и т. г.
свободен край Необходимо е, защото съдържа всички от структурата на документа и обвивка за другите елементи.
свободен край
След това, ние виждате маркера
. който съдържа други елементи, не е ясно за нас. Той съдържа и други елементи - което означава, че елементите, или етикети, които са разположени между отварянето и затварянето на структурата етикет:
свободен край
предназначен за съхранение на мета информация на HTML документ, който е информация, която не фигурира в документа, но е важна и до голяма степен определя от това колко документа ще изглежда и как да се държи.
Този етикет се изисква документ.
свободен край - заглавие документ</h4>
<p>удар с глава <title> етикет е задължително. съдържащ описание мета-информация, която се показва в заглавието на браузъра или раздели. свободен край <title> Тя трябва да бъде в маркера <head>. Също така, съдържанието на маркера, използвани от търсачките за да се покаже документа в резултатите от търсенето.</p>
<h4>мета таг <meta charset="UTF-8"></h4>
<p>Мета маркер, който съдържа информация за кодова таблица на документа. Много е желателно да се посочете маркера във всички нови документи, за да се покаже правилно. Липсата на този маркер може да доведе до факта, че вместо думите на страницата ще покаже неизвестен характер и текстът вече няма да е четлива и chelovekoponyatnym.</p>
<p>Мета - специализиран етикет, предназначен да осигури структурирани данни за страницата. Мета таговете са най-често използваните в маркера <head>. Мета тагове не се изискват в структурата на HTML документ.</p>
<p>Аз препоръчвам на всички HTML документи първоначално се използва UTF-8 кодиране. както в примера по-горе.</p>
<h4>Favicon (уеб икона)</h4>
<p>Свържете се с изображението на документ подаде икона на сайта. Favicon (икона на сайта) - миниатюрна икона, която се показва до името на документа в раздела браузър. Favicon - графичен файл размер 16 х 16 (или 32 х 32 пиксела), които могат да имат различни формати, като PNG, JPG, ICO, GIF. Традиционно се използва ICO формат. Анимирани предикони - това GIF файлове, съдържащи анимация. Гледайте анимирани уеб иконата е възможно, например, VKontakte, когато пристигне ново съобщение.</p>
<h4>стилове CSS документи</h4>
<p>Свържете се с документ CSS файл, със стила на HTML.</p>
<p>CSS - Cascading стилове HTML документ. Всеки маркер, който е в тага <body>, има набор от свойства, като например - цвета, ширина, височина, позицията по отношение на други елементи. Всички тези свойства и имат CSS стилове, които могат да бъдат предприети за външен файл. дизайн <link> свързва външни файлове към HTML документа, включително и CSS стилове.</p>
<p>Забележка: HREF строителство имот <link> посочва местоположението на външен файл. В нашия пример, style.css на файла и favicon.ico. Те са в същата папка като файл index.html. <link> Тя не разполага затварящ таг.</p>
<h4>свободен край <script></h4>
<p>В нашия пример за свързване на външен файл script.js. който е в същата папка като основен index.html файл.</p>
<p>Така че, приятели, които обсъдихме основните елементи, които се използват в маркера <head> по-често. В допълнение към тези елементи, <head> Има редица други, по-конкретен, а не задължително.</p>
<p>затварящия таг <head> и стъпка напред.</p>
<h4>Body известен още като тялото</h4>
<p>Тук той започва най-интересните и визуално осезаемо в оформлението на HTML документ.</p>
<br>
<br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8686842323494376"
data-ad-slot="8576168847"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br>
<br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:600px"
data-ad-client="ca-pub-8686842323494376"
data-ad-slot="9162386769"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br>
<br> </div>
<div class="extra">
<div class="info"><a href="/articles/drozhdeni-tabletki-polzi-i-vredi-birena-polezni.html">Предишен</a> ◈ <a href="/articles/brzo-se-otrvete-ot-celulita.html">Следващото</a></div>
<div class="clear"></div>
</div>
</article>
</div>
</div>
</div>
</div>
<div id="sidebar" class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="heading"><h4 class="title">Меню</h4></div>
<div class="content">
<a href="/tags/shkolopediya-lekcija.html" class="tag-links" title="58" style="font-size: 12pt;">shkolopediya лекция</a>
<a href="/tags/studopediya.html" class="tag-links" title="66" style="font-size: 13pt;">studopediya</a>
<a href="/tags/abstrakten.html" class="tag-links" title="64" style="font-size: 13pt;">абстрактен</a>
<a href="/tags/bezplatno.html" class="tag-links" title="77" style="font-size: 14pt;">безплатно</a>
<a href="/tags/biznes.html" class="tag-links" title="52" style="font-size: 12pt;">бизнес</a>
<a href="/tags/boja.html" class="tag-links" title="50" style="font-size: 12pt;">боя</a>
<a href="/tags/bremennost.html" class="tag-links" title="58" style="font-size: 12pt;">бременност</a>
<a href="/tags/vashite-rce.html" class="tag-links" title="53" style="font-size: 12pt;">вашите ръце</a>
<a href="/tags/da.html" class="tag-links" title="48" style="font-size: 12pt;">да</a>
<a href="/tags/deca.html" class="tag-links" title="71" style="font-size: 13pt;">деца</a>
<a href="/tags/dieta.html" class="tag-links" title="63" style="font-size: 13pt;">диета</a>
<a href="/tags/dom.html" class="tag-links" title="101" style="font-size: 16pt;">дом</a>
<a href="/tags/dumi.html" class="tag-links" title="54" style="font-size: 12pt;">думи</a>
<a href="/tags/zhivot.html" class="tag-links" title="48" style="font-size: 12pt;">живот</a>
<a href="/tags/zashho.html" class="tag-links" title="81" style="font-size: 14pt;">защо</a>
<a href="/tags/kakvo.html" class="tag-links" title="74" style="font-size: 14pt;">какво</a>
<a href="/tags/koeto-e.html" class="tag-links" title="66" style="font-size: 13pt;">което е</a>
<a href="/tags/koeto-oznachava.html" class="tag-links" title="60" style="font-size: 13pt;">което означава</a>
<a href="/tags/kosa.html" class="tag-links" title="61" style="font-size: 13pt;">коса</a>
<a href="/tags/kotka.html" class="tag-links" title="57" style="font-size: 12pt;">котка</a>
<a href="/tags/kotki.html" class="tag-links" title="55" style="font-size: 12pt;">котки</a>
<a href="/tags/kucheta.html" class="tag-links" title="77" style="font-size: 14pt;">кучета</a>
<a href="/tags/lechenie.html" class="tag-links" title="213" style="font-size: 24pt;">лечение</a>
<a href="/tags/ljubov.html" class="tag-links" title="68" style="font-size: 13pt;">любов</a>
<a href="/tags/momiche.html" class="tag-links" title="61" style="font-size: 13pt;">момиче</a>
<a href="/tags/nali.html" class="tag-links" title="70" style="font-size: 13pt;">нали</a>
<a href="/tags/novini.html" class="tag-links" title="47" style="font-size: 12pt;">новини</a>
<a href="/tags/obuchenie.html" class="tag-links" title="47" style="font-size: 12pt;">обучение</a>
<a href="/tags/okolnata-sreda.html" class="tag-links" title="103" style="font-size: 16pt;">околната среда</a>
<a href="/tags/onlajn.html" class="tag-links" title="58" style="font-size: 12pt;">онлайн</a>
<a href="/tags/prichini.html" class="tag-links" title="64" style="font-size: 13pt;">причини</a>
<a href="/tags/rabota.html" class="tag-links" title="81" style="font-size: 14pt;">работа</a>
<a href="/tags/revjuta.html" class="tag-links" title="51" style="font-size: 12pt;">ревюта</a>
<a href="/tags/recepti.html" class="tag-links" title="79" style="font-size: 14pt;">рецепти</a>
<a href="/tags/rcete.html" class="tag-links" title="113" style="font-size: 16pt;">ръцете</a>
<a href="/tags/svatba.html" class="tag-links" title="58" style="font-size: 12pt;">сватба</a>
<a href="/tags/simptomi.html" class="tag-links" title="125" style="font-size: 17pt;">симптоми</a>
<a href="/tags/snimka.html" class="tag-links" title="83" style="font-size: 14pt;">снимка</a>
<a href="/tags/snimki.html" class="tag-links" title="83" style="font-size: 14pt;">снимки</a>
<a href="/tags/sveti.html" class="tag-links" title="55" style="font-size: 12pt;">съвети</a>
<a href="/tags/tova.html" class="tag-links" title="152" style="font-size: 19pt;">това</a>
<a href="/tags/u-doma.html" class="tag-links" title="59" style="font-size: 12pt;">у дома</a>
<a href="/tags/cvetja.html" class="tag-links" title="49" style="font-size: 12pt;">цветя</a>
<a href="/tags/chovek.html" class="tag-links" title="53" style="font-size: 12pt;">човек</a>
</div>
</div>
<div class="box">
<div class="content">
<div class="box">
<div class="content">
<br>
<br>
<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async=""></script>
<script>
if(document.getElementsByTagName("body")[0].offsetWidth>=900) {
document.write('<ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="1432548440"></ins>');
}else{
document.write('<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="2447347631" data-ad-format="auto" data-full-width-responsive="true"></ins>');
}
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br>
<br>
</script>
</div>
</div> </div>
</div>
<div class="box">
<div class="heading"><h4 class="title">Марка статии</h4></div>
<div class="content">
<a href="/tags/da-zapochne-html.html">да започне HTML</a>, <a href="/tags/html.html">HTML</a>, <a href="/tags/markirashh-ezik-dokumenti.html">маркиращ език документи</a>, <a href="/tags/html-ezik-za-markirane.html">HTML език за маркиране</a>, <a href="/tags/html-markirane-ezikovi-dokumenti.html">HTML маркиране езикови документи</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap-footer pominodiko">
<div class="row">
<div class="col-1-1">
<div class="wrap-col">
<div class="box">
<div class="content">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>Copyright © 2024</p>
<script>
new Image().src = "https://counter.yadro.ru/hit;dobrblog?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>
</div>
</footer></div>
</body>
</html>