• Компютри и Електроника
  • Програмиране

Как да създадете HTML страница

HTML (Hypertext Markup Language) - е основният програмен език за разработка на уеб страници. Замислен като прост и удобен програмен език. Повечето уеб е разработен с помощта на форма на езика (ColdFusion, XML, XSLT). След като прочетете тази статия, можете да продължите образованието си, използвайки други ресурси в Интернет. Опитайте се да търсите други предмети, свързани с тази тема в интернет.

Стъпки

Писане HTML страница

    Как да създадете HTML страница
  1. Преди да започне да проучва една от представените тук стъпки, вижте "Какво ви е нужно".

  2. Как да създадете HTML страница
  3. Какво трябва да знаете преди да започнете да се разбере този въпрос:

  4. Essentials. Чували ли сте някога за оглед Tag заобиколен от ъглови скоби, с думата вътре. Крайния маркер е написано в същата форма, но с добавянето на наклонена черта след първата скоба ъгъл. Атрибут - друга дума в тага се използва, за да добавите детайл към таг.

  5. В началото на документа. Във всеки текстов редактор, който използвате, посочете, че е по-долу:
    LT; htmlgt; LT; headgt; LT; titlegt; wikiHowlt; / Titlegt; LT; / Headgt; LT; bodygt; Hello Worldlt; / Bodygt; LT; / Htmlgt; LT; biggt; LT; / Biggt;
    Маркерът трябва да бъде затворен в същия маркер но с наклонена черта след първата скоба ъгъл. Има изключения, като например тагове META или DOCTYPE.

  6. Как да създадете HTML страница
  7. DOCTYPE
    • Обикновено, повечето уеб страници са изложени DOCTYPE ". Това помага да се идентифицират кодиране и как тя ще се възприемат от уеб браузъри. Повечето страници ще работят без него", но това е необходимо, ако искате да се срещнете (Те регулират видовете кодиращи интернет и как да ги използвате). DOCTYPE за HTML 4.01 е представена по-долу: LT;! DOCTYPE HTML PUBLIC - // W3C // DTD HTML 4.01 // EN http://www.w3.org/TR/html4/strict.dtdgt; Това е една от най-често DOCTYPE, използван на страниците навсякъде по интернет. Първо, той посочва вида, в който се описва "HTML", а след това той избира типа на кодиране, и накрая, на DOCTYPE локация, в резултат, описващ страница в уеб браузъра.

    • Има различни видове HTML (различни варианти, разработени в продължение на много години), например, използването на нови тагове или специфичен маркер. Някои етикети, които са остарели (Вместо това, има и други, по-полезни тагове).

    • LT; BGT; и LT; IGT; - Това е, което в момента е наложено върху етикетите, така че се използва за конвертиране на текст, но няма спецификация, в резултат, на тяхно място идват други тагове. Гоненица LT; stronggt; заместител на LT; BGT;, и LT; emgt;, заместител на LT; IGT;.

    • Важно е, че предишните маркери се заменят с етикети, които представляват повече от форматиране. Ако текстът е преведен, не само формата, но съдържанието му остава същата. Това е семантично правилен.

    • В XHTML 2.0, тагове LT; BGT; и LT; IGT; не се използва, както и в HTML версия 3+.


    • Как да създадете HTML страница
    • HTML Правило капсулиране.
      • Нека да разгледаме по-важните тагове се използват в момента. Когато създадете страница с помощта на проста структура. Ако маркер е отворен, като резултат, тя трябва да бъде затворен. Това се отнася за цялата структура. Ето един пример за правилното XHTML оформление:

      • LT;! DOCTYPE HTML PUBLIC - // W3C // DTD XHTML 1.0 Strict // EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdgt;

      • LT; HTML xmlns = HTTP: //www.w3.org/1999/xhtmlgt;

      • LT; headgt;

      • LT; мета HTTP-екв = съдържание Content-Type = текст / HTML; кодировка = UTF-8 / Gt;

      • LT; titlegt; Hello World! LT; / Titlegt;

      • LT; / Headgt;

      • LT; bodygt;

      • LT; h1gt; Hello World! LT; / H1gt;

      • LT; / Bodygt;

      • LT; / Htmlgt;

      • Пример за код, който казва, Hello World. Това се нарича тест Hello World.


      • Как да създадете HTML страница
      • Тема
        • Тема уеб страница - съдържание е между таг LT; headgt;. Това съдържание може да бъде разгледана от потребителя (само името, което се появява в заглавието на страницата). Информация между таговете LT; headgt;, може да влиза в други маркери, като например:

          • Tag META, използвани за предоставяне на информация, която е полезна за търсещите машини и други инструменти.

          • Tag LINK, което създава връзка между документи, например за устойчиво развитие (CSS).

          • Tag сценария, тя е в почти всеки уеб кодиране, с възможност за отдалечен достъп (от друг документ).

          • Tag STYLE, по същество, е стил, който може да бъде използван на страницата.

          • Tag ДЯЛ, е името, което се появява като заглавната страница във вашия уеб браузър.


          • Нека да видим демонстрация на някои от тях в примера на титлата взети от този сайт (той е бил отрязан):
            • LT; headgt;

            • LT; titlegt; ... Lt; / Titlegt;

            • LT; мета име = описание съдържание = ... / Gt;

            • LT; линк отн = тип стилове = текст / CSS HREF = ... / Gt;

            • LT; мета HTTP-екв = съдържание тип съдържание = текст / HTML; кодировка = UTF-8 / Gt;

            • LT; Тип стил = текст / CSS медии = allgt; ... Lt; / Stylegt;

            • LT; Тип скрипт = текст / JavaScript SRC = ... GT; LT; / Scriptgt;

            • LT; / Headgt;
              Ако не сте забелязали, са разпределени на отделни етикети с отстраняване на реална информация. Пример за относително кратък, с шоуто почти всеки таг, който може да се намира в LT; headgt;, с изключение на HTML коментар (Ще говорим за това с прости тагове).



            • Как да създадете HTML страница
            • Прости тагове навсякъде
              • Нека да продължим и да видим други тагове. Бъдете внимателни с използването на етикети и не забравяйте правилото, "капсулиране.

                • LT; stronggt; Акценти важен текст.

                • LT; smallgt; Прави по-малък текст. Размер на шрифта се измерва в стандартни единици 1-7, 3 - е размера на текста по подразбиране. ,

                • LT; pregt; Дефинира блок на форматиран текст. Как такъв текст е написан на шрифта и всички пространства между думите.

                • LT; emgt; Показва текст фрази.

                • LT; delgt; Кръстове в.

                • LT; insgt; Определя текста, който е бил вмъкнат в документа.

                • LT; h1gt; Една от многото дял Tags. Tags от този вид, започващи с "Н", разликите в числа. Уверете се, че близо маркер с един и същ номер.

                • LT; ПГТ; Определя ал.

                • LT;! --- ... --- Gt; За разлика от други тагове, коментари трябва да бъдат в рамките на един и същ етикет. Тази информация е видима само когато се гледа код.

                • LT; blockquotegt; Показва котировка може да се използва с LT етикет; citegt ;.

                • Някои примери, представени по-горе, не е пълен списък на съществуващите тагове. За да научите за други посещение.



                • Как да създадете HTML страница
                • Създаване на ясна структура
                  • Една страница, предназначени да пазят данни в прости набори от тагове, така че бихме могли да разбере подробности в точки. Компютърът разпознава информацията, което знае за контекста или идеологическа връзка. Ние трябва да създадем ясна компютър HTML страница. Това се постига чрез използването на DIV таг. Той помага да се създаде огромен брой страници. Можете да стилизирам в CSS, и е по-лесно от създаването на големи кодови таблици за оформление.
                    • LT; divgt; Този етикет е специален, защото тя може да стилизирам и използват отделни блокове от информация, която ще бъде разбираема и потребителя и компютъра.


                    • Нека разгледаме един прост оформление на HTML, като се използва етикет Div.
                      • LT;! DOCTYPE HTML PUBLIC - // W3C // DTD XHTML 1.0 Strict // EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdgt;

                      • LT; HTML xmlns = HTTP: //www.w3.org/1999/xhtmlgt;

                      • LT; headgt;

                      • LT; мета HTTP-екв = съдържание Content-Type = текст / HTML; кодировка = UTF-8 / Gt;

                      • LT; titlegt; Hello World! LT; / Titlegt;

                      • LT; / Headgt;

                      • LT; bodygt;

                      • LT; h1gt; Hello World! LT; / H1gt;

                      • LT; Разделение ID = contentOnegt;

                      • LT; ПГТ; Това е част от текста в Разделение # contentOne.lt; / ПГТ;

                      • LT; Разделение клас = subSectiongt;

                      • LT; ПГТ; A точка в подраздел на Разделение # contentOnelt; / ПГТ;

                      • LT; / Divgt;

                      • LT; / Divgt;

                      • LT; / Bodygt;

                      • LT; / Htmlgt;


                      • Използвайте тагове LT; divgt; помага при намиране и промяна на стила, когато се работи с CSS и Javascript. HTML използва различно кодиране за работа с CSS стилове и Javascript, за да създаде по-добър и по-отзивчив потребителски опит.


                      Съвет

                      • След като прочетете тази статия, не спирайте и не мислете, че знаете всичко, което трябва. Винаги има нещо, което може да се научи, особено в технологията.

                      • Научете, го оправи, и писане на код.

                      • Моля, имайте предвид, че някои ключови думи Използвайте само LT; GT ;. Параграф и б.р. - един от примерите. Други тагове Отворен LT; GT ;, изисква допълнително затваряне. Например, LT; divgt; LT; / Divgt.

                      • Хората очакват нови открития, така измислят, създават, дизайн, или код.

                      • След като научи много, опитайте да научите сървър програмиране.

                      • Научете се да работите с CSS, както и Javascript.

                      Предупреждение

                      • Не забравяйте, че HTML - редактирате това съдържание. Това означава, че HTML се използва само за съхраняване на съдържание в признат формат. Други промени трябва да се използва при други технологии, като например, CSS. Това означава също, дойде "семантично правилен, дори ако другите не признават. Други езици за програмиране, за да помогне за изграждане на уеб страница (CSS, Javascript, и XML). HTML - Това съдържание конструктор.

                      Какво ви трябва

                      • Текстов редактор, който поддържа ANSI кодиране

                      • Web браузър като Internet Explorer или Mozilla Firefox

                      • (Незадължително) WYSIWYG или wykiwyg HTML редактор, като например Adobe Dreamweaver, Aptana Studio, или Microsoft Expression Web