Всім привіт! Сьогодні провів ранок в поясненнях "на пальцях", як ручками прописувати текстові посилання і посилання зображення. Думаю, що початкові знання HTML нікому не завадять, тому коротенько викладу основну суть HTML. Щоб, так би мовити, початківці SEO оптимізатори і блогери мали уявлення про цю мову і про те, як побудовані сторінки.
Що таке HTML?
Є два види ключових слів: контейнерні і порожні.
- Контейнерний тег "обертає" текст або зображення і повинен складатися з відкриває і закриває тега, такі як ... . Закриває тег має косу риску / кажучи браузеру, що тег закінчився.
- Порожній тег стоїть осібно, такий як
для розриву рядка або
для горизонтальної лінії. Порожні теги не вимагають закриває тега, оскільки вони нічого не "обертають".
Як створити сторінку HTML
Щоб з чогось почати, пропоную поглянути на дуже простий шаблон HTML.
Рекомендую до прочитання: Основи HTML (частина 3)
Назва сайту або сторінки </ title> <br> </ head> <br> <body> <br> Основний контент сторінки <br> </ body> <br> </ html></p>
<p>Зверніть увагу на те, що коли ми відкриваємо тег, ми повинні обов'язково закрити його. HTML документи поділяються на дві основні частини - голова (head) і тіло (body). <html> тег повідомляє браузеру, що це HTML документ. <head> тег включає в себе інформацію про документ, таку як:</p>
<p>Тут же підключаються файли стилів (CSS)? але це вже для більш просунутих товаришів. Нарешті, тег <body>, який містить весь контент сторінки сайту: текст, зображення, графіки, і т.д.</p><h2>Створення першої HTML сторінки</h2>
<p><html> <br> <head> <br> <title> Моя перша веб сторінка </ title> <br> </ head> <br> <body> <br> навчання HTML<br> Вітаю!<br> Це моя перша веб-сторінка.<br> Я вчуся основам HTML і тегами заголовків<br> HTML ОСНОВИ<br><br> </ body> <br> </ html></p>
<p>Має виглядати ось таким чином:</p>
<p><div style="text-align:center;"><img src="https://images-on-off.com/images/150/osnovihtmldlyanachinayushixvebmasterovis-30c3c85d.png" title="Основи html для початківців вебмайстрів та seo фахівців (основи)" alt="Основи html для початківців вебмайстрів та seo фахівців" /></div></p>
<p>Збережіть файл як example.html на робочий стіл. Відкрийте файл в веб-браузері, щоб побачити, як він перетворює теги. Це буде виглядати досить нудно, на даному етапі, але це тільки початок.</p>
<p>Можна трохи і прикрасити :).</p>
<h2>форматування тексту</h2>
<p>Ми можемо додавати теги до тексту, щоб додати йому більше структури. На першому етапі виділимо заголовки, абзаци, розриви рядків і горизонтальну лінію, але про все по порядку.</p>
<p>Є 6 рівнів заголовків в HTML, вони визначають рівень важливості. Наприклад на блозі, ваша назва статті може бути h1 тегом, в той час, як назви абзаців вашого поста можуть бути h2 або h3 тегами. наприклад:</p>
<p>Рекомендую до прочитання: Як додати NoFollow посилання в меню WordPress</p>
<p> <br> <h2> Тема h2 </h2> <br> <h3> Тема h3 </h3></p>
<p>Для окремих ділянок тексту можна використовувати <p> тег для додавання пробілу між параграфами.</p>
<p><p> параграф </p></p>
<h3>розрив рядків</h3>
<p>Щоб додати один розрив рядка використовуємо порожній тег <br>, тобто його не треба закривати /. Це створює порожній рядок і відправляє наступний код на наступний рядок.</p>
<h3>горизонтальна лінія</h3>
<p>Щоб створити горизонтальну лінію поперек вашій сторінці ми використовуємо тег <hr>.</p>
<h2>Як додати форматування тексту на сторінку?</h2>
<p><div style="text-align:center;"><img src="https://images-on-off.com/images/150/osnovihtmldlyanachinayushixvebmasterovis-b17bb33b.png" title="Основи html для початківців вебмайстрів та seo фахівців (основи html)" alt="Основи html для початківців вебмайстрів та seo фахівців" /></div></p>
<p>В результаті цих рухів тіла отримуємо наступне:</p>
<p>Уже приємніше оку.</p>
<p>Ось абсолютні основи HTML і, ймовірно, сама нудна частина! Я планую в майбутніх постах трохи розвинути цю тему, тому що будь-якого SEO фахівця в кінці-кінців доводиться стикатися з основами HTML. <br></p>
<h4>Схожі статті</h4>
<ul>
<li>
<p><a href="/articles/prezentacija-na-temu-osnovi-movi-html-abo-z-chogo.php">Презентація на тему основи мови html або з чого я починала створювати web-сторінку</a></p>
</li>
<li>
<p><a href="/articles/kist-dlja-nanesennja-tonalnoi-osnovi-hourglass.php">Кисть для нанесення тональної основи hourglass retractable foundation brush - «hourglass</a></p>
</li>
<li>
<p><a href="/articles/osnovi-jak-kripiti-odjagati-zatiskach-dlja.php">Основи як кріпити, одягати затискач для краватки, men - s outfits</a></p>
</li>
</ul>
</div>
</article>
</div>
</div>
</div>
<footer class="igrzom-footer clearfix">
<ul>
<li><a href="/articles/jak-proihati-z-selishhe-traktovij-v-selishhe.php">Як проїхати з селище трактовий в селище садовий путівник по маршруту на карті, безкоштовний</a></li>
<li><a href="/articles/u-koropi-robljat-operacii-bez-rozrizu.php">У Коропі роблять операції без розрізу</a></li>
<li><a href="/articles/shvidkist-skutera-50-kubiv-motociklistovi.php">Швидкість скутера 50 кубів, мотоциклістові</a></li>
<li><a href="/articles/jak-zrobiti-fotoshop-fotografii.php">Як зробити фотошоп фотографії</a></li>
<li><a href="/articles/ditjachi-mebli-dlja-shkoljara.php">Дитячі меблі для школяра</a></li>
</ul>
<p>© Copyright 2016 - 2024 | Всі права захищен</p>
<br>
<p><a href="/privacy.php">Privacy Policy</a></p>
<!--LiveInternet counter--><script type="text/javascript">
document.write("<a href='//www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
</script><!--/LiveInternet-->
</footer>
</div>
</div></body>
</html>
