Суббота, 20.04.2024, 15:45
Блог учителя информатики и математики
О блогеМой профильРегистрацияВыходВход
Вы вошли как Гость · Группа "Гости" Приветствую Вас, Гость · RSS
Меню блога
Погода в нашем районе.

НАГРАДА

Как Вы считаете, должны ли дети ходить в школу в школьной форме?
Всего ответов: 2806
 
 Блог учителя
Главная » Статьи » Информатика » В помощь ученику

Основы HTML.

Создавать Web-страницы можно с помощью специальных программ-редакторов, таких как FrontPage или Dreamweaver , автоматически генерирующих код HTML. Однако эти программы часто ограничены в своих возможностях, содержат ошибки и по этой причине работает не на всех платформах. Поэтому не обойтись без знания основ языка HTML, тем более что выучить и работать на нём достаточно просто.

Повторим …

Тэги это метки, которые вы используете для указания браузеру, как выглядит ваша web-страничка.


 

Тэги начинаются знаком "<" и заканчиваются знаком  ">".


 

Имеются два тэга - открывающий: <html> и закрывающий: </html> -  имеется слэш "/".


 

Всё, что между открывающим и закрывающим тэгами, называются содержимым тэга.


 

Для изучения HTML нужно запомнить различные тэги.

тэг <b> информирует браузер, что весь текст до </b> должен быть напечатан жирным шрифтом.

Начинаем работу с базового шаблона:

                                                  <html>

                                                                <head>

                                                                <title></title>

                                                                </head>

                                                                <body>

                                                                </body>

                                                  </html>          

              

Создаём

                                                  <p>Текст в параграфе. С новой строки.</p>

                                                  <b>Жирный шрифтом.</b>                                                

                                                   <h1>Заголовок 1</h1>

                                                   <h2>Заголовок 2</h2>

                                                   <h3>Заголовок 3</h3>

                                                    <h4>Заголовок 4</h4>


 


 

Выучим  новые тэги.


 

Можем придать ему характер курсива/italic тэгом <i>. И конечно, "i" это сокращение от "italic".


 


 

                                                  <i> курсив</i>


 

Уменьшим размер шрифта тэгом <small>:


 

            <small> уменьшенный шрифт.</small>

              

              

Могут  использоваться несколько тэгов одновременно?


 


 

                                                  <b><i>Текст </i></b>

                                                        


 

Закрыли первый тэг в последнюю очередь.


 

Перенос строки выглядит так: <br />.


 

 текст<br /> текст, уже на новой строке и его можно записывать <br></br> .


 

Тэг - <hr /> - рисует горизонтальную линию ."hr" от horizontal rule.

                                                         

            


 

Примеры тэгов, требующих наличия и закрывающего тэга: <ul>, <ol> и <li>. Эти тэги используются для вывода списков.


 

<ul> - неупорядоченный список - вставляет значок кнопки для каждого элемента списка. <ol> - сокращение упорядоченный список - нумерует каждый элемент списка. Для создания элемента списка используйте тэг <li>

                                                  <ul>

                                                                <li>1 список</li>

                                                                <li>2 список</li>

                                                  </ul>

        

или


 

                                                  <ol>

                                                                <li>1 список</li>

                                                                <li>2 список</li>

                                                  </ol>

              


 

Категория: В помощь ученику | Добавил: Harchev (24.04.2014)
Просмотров: 3085 | Комментарии: 3 | Теги: web, html, основа | Рейтинг: 4.3/28
Всего комментариев: 1
1 RomanMut  
Акселератор HTML Academy: первый опыт после обучения веб-разработке https://htmlacademy.ru/

Имя *:
Email *:
Код *:
Copyright MyCorp © 2024
Блог учителя Учительский портал