dengi

Все о криптовалюте

ProfitCentr - рекламное агентство

Бинарные опционы

Другие виды дохода

html верстка с нуля

Верстка — создание сайта или его страницы на основе макета, созданного дизайнером. Такое краткое объяснение можно дать понятию «верстка». На само же деле это целый мир в котором творятся чудеса сайтостроения.

Верстальщик — это одна из самых востребованных специальностей среди множества видов деятельности фрилансеров. Поэтому хороший верстальщик всегда себе имеет и на хлеб, и на масло и на красную икру. Но не будем тянуть кота за усы и приступим непосредственно к практике.

 Что такое HTML? 

Наверняка вы хоть раз видели эту аббревиатуру или слышали устно. HTML — это язык разметки текста. То есть, это такой язык, который способен расположить слова и символы в понятном для браузера порядке. Браузер, в свою очередь отобразит нам аккуратный текст, разбитый на абзацы, предложения и т. д. HTML это основа всей верстки. Для новичка он может показаться сложным, но увлечась вы поймете насколько это простой и интересный инструмент.

HTML страница

Прежде чем мы приступим к изучению тегов давайте научимся составлять каркас, который имеет любой HTML документ. Вот как выглядит оформление страницы:

 <html> 

<head>

<title>Заголовок</title>

</head>

<body>

<p>Абзац</p>

<p>Абзац</p>

</body>

</html>

В теге  <head>  находится заголовок, а какже другая важная информация для браузера. В теге  <body>  содержится основная информация, которая в конечном итоге отображается на web странице. Теги  <p>  являются абзацами этой самой страницы. Последний тег показывает браузегу, что текст является html документом.

Теги форматирования

Это самые простые теги, с которых начинает обучение любой новичек. Они нужны для изменения вида текста. Вы сможете их запомнить на всю жизнь за 1—2 дня. Тег состоит из 2-х частей — открывающей и закрывающей. Любой закрывающий тег имеет слеш:

< > — открывающий тег

< / > — закрывающий тег

Основные теги форматирования:

 <b> жирный текст </b> 

 <i> текст курсивом </i> 

 <u> подчеркнутый текст </u> 

 <strike> перечеркнутый текст </strike> 

 <sup> текст в верхнем индексе </sup> 

 <sub> текст в нижнем индексе </sub> 

 <big> крупный шрифт </big> 

 <small> мелкий шрифт </small> 

 <tt> шрифт печатной машинки(моноширный) </tt> 

Как вы видите изменениям поддается текст, который находится между открывающим и закрывающим тегами. Все приведенные выше конструкции называются элементами.

 

Читайте также:

 

Поиск

Бизнес в интернете

Заработок на играх

YouTube заработок

Вопросы и ответы

Яндекс.Метрика