Изучаване на основен HTML и първата ми уеб страница

Съдържание
Какво е HTML? Съкращението му означава „език за маркиране на хипертекст“. Той е дефиниран като език на етикети, който ви позволява да разработите уеб страница. Сред елементите, които този език притежава, са контролите (етикети, текстови полета, текстови области, бутони) за прилагане на формуляри, списъци, таблици, вмъкване на изображения, видео, аудио, наред с други.
Това е много прост език за изучаване, защото сам по себе си не е език за програмиране, а език, който маркирате. Освен това запазените думи, които го съставят, са лесни за запомняне и много описателни.
Най-основната среда, за да започнете да практикувате и разработвате уеб страница, е общият „Notepad“, който е текстов редактор, въпреки че има и специални компилатори (например Netbeans), които имат функцията за автоматично коригиране за кога някоя дума в синтаксиса е погрешно, маркира го и улеснява намирането му.
HTML файловете винаги трябва да се записват с разширението .html, независимо дали разработчикът го добавя ръчно или редакторът го добавя автоматично. Типът .html файл ще бъде отворен с браузъра или браузъра според предпочитанията на потребителя (например: Internet Explorer, Firefox, Google Chrome, Opera, Safary и т.н.), тъй като, както бе споменато по -горе, езикът HTML се състои от тагове : което браузърът е готов да интерпретира.
Вашият първи уебсайт …
В този случай ще отворим бележника, тъй като работим под Windows среда и ще въведем следния код, за типичния "Hello world!"

Както може да се види на изображението, файлът все още не е запазен. Така че отиваме в менюто Файл> Запазване. За да имаме добре организирани файловете, които разработваме по време на този урок, ще създадем папка с името „BASIC HTML“, ще имаме достъп до тази папка и персонализираме името на файла, въвеждаме името „index.html“, като помним, че е важно за да се установи разширението, тогава в противен случай то ще бъде запазено само като текстов файл, тоест .txt.

Отидете до местоположението на файла, щракнете двукратно върху иконата с името "index.html" и тя ще се отвори в браузъра по подразбиране, в този случай Google Chrome. Ето какво ще видите:

Сега да се върнем на кода …
Казва на браузъра, че отваряте HTML файл.
Заглавие на документа.
Първият ми уебсайт. Заглавие на страница.
Затворете заглавката на документа.
Body, цялото съдържание на този раздел ще се появи на страницата.
Здравей свят!
Затваряне на тялото.
Затворете HTML файла.
Етикетът казва на браузъра, че се отваря html документ, тук той започва да интерпретира съдържанието. Важно е всеки отворен маркер да е затворен, затварящият маркер може да се покаже в края на документа.
показва заглавката на документа, тук наред с други неща, които ще научим по -късно, ще бъде поставено заглавието на страницата. Което ни води до кода Моята първа уеб страница. , резултатът от този ред ще се отрази в заглавната лента на браузъра. По -долу е затварянето на етикета.
В етикетите и съдържанието на страницата ще бъдат поставени, които могат директно да съдържат текст и / или други форматиращи етикети.
Атрибутите …
Някои тагове имат един или повече атрибути, те са дефинирани като характеристики за основния маркер. Някои детайли трябва да се вземат предвид при определянето на атрибутите:
  • Те имат структурата name = "стойност"
  • Стойността винаги е в кавички.
  • Те се поставят върху отварящия етикет.
Пример: Ще добавим атрибута bgcolor към етикета, като му присвоим шестнадесетична стойност, която ще бъде затворена в кавички. За пътеводител за цветове оставям следната връзка "HTML цветови кодове".

Запазваме нашия файл, за да визуализираме промените и резултатът ще бъде:

*ВАЖНО:: Етикетите могат да бъдат написани с малки букви, както визуализирахме в примерите и с главни букви например. World Wide Web Consortium (W3C) препоръчва използването на малки букви, а XHTML, която е най-актуалната версия на HTML, приема само използването на малки букви.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка

Така ще помогнете за развитието на сайта, сподели с приятелите си

wave wave wave wave wave