и много други.
Елементите са идентифицирани с ъглови скоби <>, заобикалящата името на елемента. По този начин, елементът ще изглежда така:
Добавяне на ъглови скоби <и> около елемента тя създава това, което е известно като маркер. Маркерите се най-често се срещат по двойки на отваряне и затваряне тагове.
При откриването маркер бележи началото на един елемент. Състои се от символ <, затем идёт имя элемента и завершается символом>; например,
.
Маркерът за затваряне бележи края на един елемент. Състои се от символ <с последующей косой чертой и именем элемента и завершается символом>; например,
По този начин, таговете с връзки ще изглеждат по следния начин:
Атрибутите са собственост прилагат за предоставяне на допълнителна информация за продукта. Най-честите признаци включват атрибут за идентификатор. който определя елемента; клас атрибут. който класифицира елемент; атрибут SRC. който идентифицира източник на вградения съдържанието; и атрибута HREF. което показва линк към свързана ресурс.
Атрибути, дефинирани в откриването маркер след името на елемента. Като цяло, атрибути включват име и стойност. Форматът за този атрибут се състои от името на атрибута с равен го подпише, и след това отива в кавички стойност на атрибута. Например елемент с HREF атрибут е както следва:
Демонстрация на основни термини HTML
Фиг. 1.01. HTML синтаксис има елемент схема, атрибут и етикет
Сега, че знаете какво елементите на HTML, тагове, които са и атрибути, нека да погледнем заедно на първата ни уеб страница. Ако нещо изглежда нов тук, не се притеснявайте - ние дешифрира всичко в движение.
Регулиране на структурата на HTML документ
Всички HTML-документи съдържат задължителен структура, която включва следните декларации и елементи: . .
и .
в елемент
Той определя горната част на документа, включително различни метаданни (придружаваща информация за страница). Съдържанието в клетката Тя не се показва в самата уеб страница. Вместо това, той може да включва заглавието на документа (който се появява в заглавната лента на прозореца на браузъра), връзки към външни файлове, или всяка друга полезна метаданни.
Всичко се вижда съдържанието на уеб страница ще бъде в клетката
. Структурата на типичен HTML-документ, както следва:
Демонстрация структура на HTML документ
Когато даден елемент е в друг елемент, известен също като инвестира добра идея да добавите запълване да се запази структурата на документа е добре организирана и четлив. В предишния код, двата елемента
и вграден вътре в елемента и са прехвърлени . Структурата на вдлъбнатината се простира до елементите с нови елементи добавят и .
самозатварящи се елементи
В предишния пример, елементът Това беше единственият маркер, което не включва затварящия маркер. Не се притеснявайте, това е направено умишлено. Не всички елементи се състоят от отваряне и затваряне тагове. Някои елементи просто получават съдържание или поведение чрез атрибути в един маркер. Той е един от тези елементи. Съдържанието на елемента Пример определен чрез набора от знаци и атрибутите стойности. Други елементи типичен самозатварящи се включват:
код за валидиране
Без значение колко внимателно пишем нашия код, грешките са неизбежни. За щастие, когато пишете HTML и CSS валидатори, че трябва да се провери нашата работа. W3C предлага HTML валидатор и CSS. че сканирайте кода за грешка. Проверка на кода ни помага не само за да се покаже във всички браузъри, но също така помага да се научите най-добрите практики при писане на код.
на практика
Тъй като уеб дизайнери и разработчици на предния край, ние може да си позволи да отиде в няколко отлични конференции, посветени на нашия занаят. Ние ще организират своята конферентни стилове конференция и да се създаде за нея място за следващия урок. Уф!
Файлът index.html, добавете структурата на документа, включително и вида на документа и елементи .
и .
във вътрешността на елемента
Добавянето на елементи и . елемент <meta> трябва да включва правилния набор от знаци качества и стойност, а елементът <title> Тя трябва да съдържа името на страницата, например «стилове конференция».</p>
<p>във вътрешността на елемента <body> Добавянето на елементи <h1> и <p>. елемент <h1> трябва да включва желания заглавието - нека отново да използва «Стилове конференция», както и на елемента <р> Тя трябва да включва един прост точка за представяне на нашата конференция.</p>
<p><div style="text-align:center;"><img src="https://images-on-off.com/dobrblog/yqm/sozdaniepervoyvebstranitsiwebreference-6aa373c3.png" title="Създаване на първата уеб страница, webreference (уеб страница)" alt="Създаване на първата уеб страница, webreference" /></div></p>
<p>Фиг. 1.02. Първата ни стъпка при създаването на конференция стилове сайта</p>
<p>Нека да превключите малко, отдалечавайки се от HTML и погледнете в CSS. Не забравяйте, че HTML определя съдържанието и структурата на нашите уеб страници, докато CSS определя техния визуален стил и външен вид.</p>
<h2>Основни термини CSS</h2>
<p>В допълнение към условията на HTML, има няколко ключови термини CSS, които вие ще искате да прочетете. Тези условия включват селектори свойства и стойности. Както и с HTML на терминологията, и колкото повече се работи с CSS, толкова повече тези условия са станали втора природа.</p>
<p>Като елементи са добавени към уеб страница, те могат да бъдат украсени с помощта на CSS. Селекторът определя до кой елемент или елементи в 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="9763162049"
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:336px;height:280px"
data-ad-client="ca-pub-8686842323494376"
data-ad-slot="7692344576"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br>
<br><p>Селектори обикновено са свързани със стойността на атрибут, като идентификатор стойност или клас или името член, като <h1> или <р> .</p>
<p>В CSS, селектори са комбинирани с тиранти <>, които покриват стилове прилагат за избрания елемент. Това селектор е насочена към всички елементи <p> .</p>
<p>След като е избран елемента, имотът определя стиловете, които ще се прилагат към него. Имена на имоти отиват след селектора, презрамките <> и директно в предната част на дебелото черво. Има много имоти, които можем да използваме, като на заден план. цвят. размер на шрифта. често се добавят височината и ширината, и други свойства. В следващия пример, ние определяме качествата на цвят и размер на шрифта. прилага за всички елементи <p> .</p>
<p>Докато ние избираме само чрез елемент за избор и да определи кой стил чрез свойствата ние бихме искали да се прилагат към него. Сега можем да се определи поведението на този имот чрез стойността. Стойностите могат да бъдат определени, тъй като текстът между дебелото черво и запетаята. По-долу изберете всички елементи <p> и настроите стойността на цвят собственост като оранжево. и стойността на шрифта като 16 пиксела.</p>
<p>Често срещана практика е да се двойка на имоти смени и ценности в тези скоби. Както и с HTML, подложка помощ запазим код организиран и разбираемо.</p>
<p><div style="text-align:center;"><img src="https://images-on-off.com/dobrblog/yqm/sozdaniepervoyvebstranitsiwebreference-11544606.png" title="Създаване на първата уеб страница, webreference (за себе си включва)" alt="Създаване на първата уеб страница, webreference" /></div></p>
<p>Фиг. 1.03. CSS синтаксиса структура включва селектор свойства и стойности</p>
<p>Познаването на някои от основните термини и общ синтаксис на CSS - това е едно чудесно начало, но имаме още няколко точки за изследване, преди да скочи в бездната. По-специално, ние трябва внимателно да преценят как селектори работят в CSS.</p>
<h2>Работа с селектори</h2>
<p>Селектори, както бе споменато по-рано, уточняват кои HTML елементи ще бъде оформена. Важно е да се разбере напълно как да използвате селектори и как те работят. Първата стъпка трябва да е запознат с различните видове селектори. Ще започнем с най-основните селектори: тип селектори, класове и идентификационните номера.</p>
<h3>тип селектори</h3>
<p>Въведете селектори фокусирани върху елементите от типа им. Например, ако искаме да се фокусираме върху всички елементи <div> ние трябва да се използва за избор на DIV. Следният код показва елементи за избор на типа <div>. както и подходящо HTML.</p>
<p>Уроци позволяват да изберете елемент, въз основа на стойността на атрибута клас. клас селектори малко по-конкретни от селектори тип, тъй като те са избрали конкретна група от елементи, а не на всички елементи от един и същи вид.</p>
<p>Уроци ви позволяват да се прилагат едни и същи стил на различни елементи едновременно, като използвате една и съща стойност на атрибута клас за няколко елемента.</p>
<p>Класовете на CSS са обозначени с точка отпред, следван от стойността на клас атрибут. По-долу селектор клас избира всички елементи, включващи страхотно стойност клас атрибут. включително елементи <div> и <p> .</p>
<h3>идентификатори</h3>
<p>Идентификационни номера по-точно от класове, тъй като те са насочени само към един уникален елемент в даден момент. Точно както селектори клас, използвани клас атрибут стойност. стойност на атрибут идентификатори номер се използва като селектор.</p>
<p>Независимо от вида на дисплея елемент, стойността атрибут за идентификатор може да се използва само веднъж на страницата. Ако номер е налице, те трябва да бъдат запазени за важни елементи.</p>
<p>В CSS, идентификатори са обозначени със символа на решетката отпред, а след това има стойност на атрибута ID. Там ще избере само един идентификационен елемент, включващ Идентификационният атрибут стойност shayhowe.</p>
<h3>допълнителни селектори</h3>
<p>Селектори са много мощен материал, както и описаните по-горе са най-честите селектори, че се срещаме. Тези селектори са само началото. Има много напреднали селектори, и те са лесно достъпни. Когато комфортно с тях, не се страхувайте да разгледаме някои по-напреднали.</p>
<p>Добре, да започнем да го съберат всички заедно. Ние сме добавяне на елементи към страницата в рамките на нашия HTML, и след това да изберете тези елементи и да ги прилага по отношение на стиловете, използвайки CSS. Сега нека да свържете точките между HTML и CSS, така че тези два езика, които работят заедно.</p>
<h2>Свързване на CSS</h2>
<p>С цел да направим нашия CSS говори на нашия HTML, ние трябва да се отбележи, на CSS-файл от HTML. Добра практика е да се включат всички наши стилове във външен файл, който е указател вътре в елемента <head> нашата HTML-документ. Използването на един-единствен външен CSS ни позволява да се прилагат едни и същи стилове в целия сайт и бързо да направите промени в него.</p>
<h3>Други опции за добавяне на CSS</h3>
<p>Други опции CSS връзка включва използването на вътрешни и инлайн стилове. Можете да намерите тези опции в реалност, но те обикновено не са одобрени, като се направи актуализация на местата на тромави и тежки.</p>
<p>във вътрешността на елемента <head> използван артикул <link>. се определя отношението между HTML и CSS файлове. Тъй като ние свързваме с CSS, а след това използвайте относителен атрибут със стойност стилове за да покаже връзката им. В допълнение, за HREF атрибут се използва за определяне на местоположението, или пътя до CSS-файл.</p>
<p>следния пример елемент на HTML документ <head> Това сочи към външен файл стил.</p>
<p>CSS да се показва правилно, стойността на HREF атрибут пътека трябва пряко да съответства, когато спаси CSS-файл. В предишния пример main.css файл се съхранява на същото място като HTML-файл, известен също като в главната папка.</p>
<p>Ако CSS-файл, намиращ се в папката, след което стойността на атрибута HREF следователно трябва да се отнасят до този маршрут. Например, ако ни main.css Файлът е съхранен в подпапка с името на стилови, а след това HREF стойността на атрибут ще стилови / main.css. Тук използваме наклонена черта (или наклонена черта), за да се посочи движение в подпапка.</p>
<p>В момента нашите страници започват да се върна към живота бавно, но сигурно. Все още не сме се ровят в CSS твърде дълбоко, но може би сте забелязали, че някои елементи са стилове, които ние не декларират в нашия CSS. Този браузър налага собствени предпочитани стилове за тези елементи. За щастие, ние можем да пренапишем тези стилове са лесни достатъчно, че ние правим повече с CSS нулиране.</p>
<h2>Използването на нулиране CSS</h2>
<p>Всеки браузър има свои стандартните стилове за различни елементи. Начинът, по който Google Chrome показва заглавия, параграфи, списъци, и така нататък, може да бъде различен от начина, по който го прави Internet Explorer. За да се гарантира съвместимост с различни уеб браузъри се превърна в широко използван CSS нулиране.</p>
<p>Reset CSS взема всички основни HTML елементи с определен стил и осигурява единна идентичност за всички браузъри. Тези разряди обикновено включват размери заличаване, вдлъбнатина или повече стилове области понижаващи тези стойности. Тъй като CSS каскадни тече от горе до долу (скоро ще научите за него) - ние трябва да се нулира в началото на нашия стил. Това гарантира, че тези стилове, за да прочетат първия и всички различни браузъри ще работят от общо отправна точка.</p>
<p>Има един куп различни CSS изхвърлянето на разположение за ползване, всички те имат своите силни страни. Един от най-популярните Ерик Майер. CSS я възстановите адаптирана да включва новите HTML5 елементи.</p>
<p>Ако се чувствате малко по-приключенски, има и Normalize.css. създаден от Никола Галахър. Normalize.css не се фокусира върху използването на хардуерно нулиране, основните елементи, но вместо да се установят общи стилове за тези елементи. Това изисква по-добро разбиране на CSS, както и знанието, че бихте искали да получите от стиловете.</p>
<h3>съвместимост различни браузъри и тестване</h3>
<p>Както вече споменахме, различните браузъри показват елементи по себе си. Важно е да се признае значението на различни браузъри и тестване. Уебсайтове трябва не само да изглежда по същия начин във всички браузъри, но трябва да са близки. Кои браузъри искате да подкрепите и до каква степен - това е решение, че ще трябва да се направи въз основа на това, което е най-доброто за вашия сайт.</p>
<p>Има няколко неща, които трябва да знаете, когато пишете CSS. Добрата новина е, че всичко е по силите, и се нуждаят от малко търпение, за да го овладеят.</p>
<h2>на практика</h2>
<p>Връщаме се обратно до мястото, където миналата престанахме на нашата конференция сайт и да видим как можем да добавите малко CSS.</p>
<p>Преглеждайки файла index.html в браузъра можем да видим, че елементите, <h1> и <p> вече да съдържа стил по подразбиране. По-специално, те имат уникална размер набор шрифт и пространството около тях. Използване изчисти Ерика Meyera можем да смекчат тези стилове, които позволяват на всеки един от тях да се започне с една и съща база. За да направите това, да погледнем в неговия уебсайт. копирайте кода и го поставете в горната част на нашия main.css файл.</p>
<p>Ние също така ще включва линк към вашия файл main.css с помощта на атрибута HREF. Не забравяйте, че нашата файл main.css съхраняват в папка стилове, което е в папката активи. По този начин, за HREF стойност на атрибута. който е на пътя към нашия файл main.css, са активи / стилове / main.css.</p>
<p><div style="text-align:center;"><img src="https://images-on-off.com/dobrblog/yqm/sozdaniepervoyvebstranitsiwebreference-e44e0113.png" title="Създаване на първата уеб страница, webreference (за себе си включва)" alt="Създаване на първата уеб страница, webreference" /></div></p>
<p>Фиг. 1.04. Нашият сайт стилове конференция с CSS нулиране</p>
<h3>Демонстрация и изходния код</h3>
<p>Така че, всичко е наред! Направихме някои големи стъпки в този урок.</p>
<p>Просто мисля, че сега вие знаете основите на HTML и CSS. Тъй като ние напред и да прекарвате повече време в писане на HTML и CSS, ще бъде много по-удобно да се работи с тези два езика.</p>
<p>Спомнете си, че сме се счита следното:</p>
<ul>
<li>Разликата между HTML и CSS.</li>
<li>Познаването на HTML елементи, тагове и атрибути.</li>
<li>Регулиране на структурата на първата си уеб страница.</li>
<li>Връзка с селектори CSS, свойства и стойности.</li>
<li>Работа с селектори CSS.</li>
<li>Указател към СГО на HTML.</li>
<li>Значение CSS нулиране.</li>
</ul>
<p>Сега нека да погледнем по-отблизо в HTML и малкото, запознаване с семантиката.</p>
<h2>Ресурси и връзки</h2>
<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/zashho-ne-mogat-da-vzemat-neshho-ot-grobishheto.html">Предишен</a> ◈ <a href="/articles/zashho-kotkata-e-roden-kote-zashho-kotka-razhda.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="132" style="font-size: 14pt;">shkolopediya лекция</a>
<a href="/tags/studopediya.html" class="tag-links" title="144" style="font-size: 15pt;">studopediya</a>
<a href="/tags/abstrakten.html" class="tag-links" title="131" style="font-size: 14pt;">абстрактен</a>
<a href="/tags/bezplatno.html" class="tag-links" title="184" style="font-size: 17pt;">безплатно</a>
<a href="/tags/boja.html" class="tag-links" title="161" style="font-size: 16pt;">боя</a>
<a href="/tags/bremennost.html" class="tag-links" title="153" style="font-size: 15pt;">бременност</a>
<a href="/tags/gotvach.html" class="tag-links" title="120" style="font-size: 14pt;">готвач</a>
<a href="/tags/dete.html" class="tag-links" title="119" style="font-size: 14pt;">дете</a>
<a href="/tags/deca.html" class="tag-links" title="229" style="font-size: 19pt;">деца</a>
<a href="/tags/dieta.html" class="tag-links" title="121" style="font-size: 14pt;">диета</a>
<a href="/tags/dobre.html" class="tag-links" title="114" style="font-size: 14pt;">добре</a>
<a href="/tags/dom.html" class="tag-links" title="276" style="font-size: 21pt;">дом</a>
<a href="/tags/doma.html" class="tag-links" title="149" style="font-size: 15pt;">дома</a>
<a href="/tags/dumi.html" class="tag-links" title="123" style="font-size: 14pt;">думи</a>
<a href="/tags/zhivot.html" class="tag-links" title="171" style="font-size: 16pt;">живот</a>
<a href="/tags/zashho.html" class="tag-links" title="138" style="font-size: 15pt;">защо</a>
<a href="/tags/internet.html" class="tag-links" title="119" style="font-size: 14pt;">интернет</a>
<a href="/tags/kakvo.html" class="tag-links" title="144" style="font-size: 15pt;">какво</a>
<a href="/tags/kompjutr.html" class="tag-links" title="122" style="font-size: 14pt;">компютър</a>
<a href="/tags/kosa.html" class="tag-links" title="240" style="font-size: 20pt;">коса</a>
<a href="/tags/kotka.html" class="tag-links" title="134" style="font-size: 14pt;">котка</a>
<a href="/tags/kotki.html" class="tag-links" title="145" style="font-size: 15pt;">котки</a>
<a href="/tags/kuche.html" class="tag-links" title="121" style="font-size: 14pt;">куче</a>
<a href="/tags/kucheta.html" class="tag-links" title="128" style="font-size: 14pt;">кучета</a>
<a href="/tags/lechenie.html" class="tag-links" title="330" style="font-size: 24pt;">лечение</a>
<a href="/tags/liceto.html" class="tag-links" title="121" style="font-size: 14pt;">лицето</a>
<a href="/tags/ljubov.html" class="tag-links" title="156" style="font-size: 16pt;">любов</a>
<a href="/tags/nadjasno.html" class="tag-links" title="118" style="font-size: 14pt;">надясно</a>
<a href="/tags/nali.html" class="tag-links" title="131" style="font-size: 14pt;">нали</a>
<a href="/tags/okolna-sreda.html" class="tag-links" title="122" style="font-size: 14pt;">околна среда</a>
<a href="/tags/okolnata-sreda.html" class="tag-links" title="292" style="font-size: 22pt;">околната среда</a>
<a href="/tags/rabota.html" class="tag-links" title="192" style="font-size: 17pt;">работа</a>
<a href="/tags/remont.html" class="tag-links" title="129" style="font-size: 14pt;">ремонт</a>
<a href="/tags/recepta.html" class="tag-links" title="119" style="font-size: 14pt;">рецепта</a>
<a href="/tags/recepti.html" class="tag-links" title="228" style="font-size: 19pt;">рецепти</a>
<a href="/tags/rcete.html" class="tag-links" title="321" style="font-size: 24pt;">ръцете</a>
<a href="/tags/svatba.html" class="tag-links" title="286" style="font-size: 22pt;">сватба</a>
<a href="/tags/simptomi.html" class="tag-links" title="150" style="font-size: 15pt;">симптоми</a>
<a href="/tags/snimka.html" class="tag-links" title="250" style="font-size: 20pt;">снимка</a>
<a href="/tags/snimki.html" class="tag-links" title="215" style="font-size: 18pt;">снимки</a>
<a href="/tags/sveti.html" class="tag-links" title="167" style="font-size: 16pt;">съвети</a>
<a href="/tags/tova.html" class="tag-links" title="169" style="font-size: 16pt;">това</a>
<a href="/tags/u-doma.html" class="tag-links" title="193" style="font-size: 17pt;">у дома</a>
<a href="/tags/chovek.html" class="tag-links" title="159" style="font-size: 16pt;">човек</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/prvo.html">първо</a>, <a href="/tags/ueb-stranica-webreference-trjabva-da-vkljuchva.html">уеб страница WebReference трябва да включва себе си</a>, <a href="/tags/za-href-atribut-trjabva-da-bde.html">за HREF атрибут трябва да бъде</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>