Главная » Языки программирования

My first website using html codes!

На чтение 10 мин
Содержание
  1. HTML Tutorials — Hyper Text Markup Language
  2. * does html programming even exists?
  3. HTML quick reference guide
  4. HTML — Elements
  5. HTML — Paragraph
  6. Demo
  7. HTML — Titles
  8. Html — Linebreak
  9. HTML — Horrizontal rule
  10. HTML — Lists
  11. HTML — Links
  12. HTML — Images
  13. HTML — Forms
  14. HTML — Text fields
  15. HTML — table
  16. Html — Bgcolor
  17. Html — Background
  18. HTML — Comments
  19. Html — Embed (Music and sound)
  20. Html — Object (Video)
  21. HTML — Bold
  22. HTML — Italic
  23. HTML — Subscript, Superscript, Striketrough
  24. HTML — Uploading and hidden fields
  25. Изучение HTML: руководства и уроки
  26. Путь обучения (образовательная траектория)
  27. Модули
  28. Решение общих HTML задач
  29. Смотрите также
  30. Found a content problem with this page?
  31. HTML Tutorial
  32. Why HTML is used?
  33. HTML Basic Structure of Web Page
  34. HTML Basic Tags
  35. HTML
  36. Welcome to GeeksforGeeks
  37. Complete References
  38. HTML Interview Questions
  39. HTML Practice Quiz Sets
  40. HTML Cheat Sheet
  41. HTML Examples
  42. Learn more about HTML

HTML Tutorials — Hyper Text Markup Language

We created this website to teach beginner «programmers*», even those with a poor base, how to use HTML but not only. We invite you to start the «programming*» course right away. But first, «the menu».

  • Beginner’s guide to HTML — For those of you who are beginners in the way of creating a web page
  • HTML full tutorial — For those of you who start the creation of web pages with some HTML base

This series of tutorials is made to give you some experience so that you can be capable to read and write HTML, to be able to save documents, and after that to see your work in a web browser. Unfortunately, this page does not have a section for teaching you how to use all base functions of a computer, so in this point of view you can ask for help from a friend: Before you continue learning HTML, you must:

  • Know what is an notepad and how to use it
  • Know how to open a file using internet Explorer (or any other browser, we recomend Chrome )
  • Know how yo make and what represents a copy/paste

* does html programming even exists?

Sorry to disappoint you, but HTML programming does not exist because HTML is not a programming language. It is a markup language. So it simply warps up content and nothing more

HTML quick reference guide

Below I have made a shortlist of the most used HTML codes. You can add this page to favorites to get back here easier when you do not know how to create an HTML code or just do not remember it.

HTML — Elements

The main HTML elements are , , and . Below is a simple example of how to build a website.

html    Hi guys! Here I put the contents of the HTML page.

HTML — Paragraph

html
This is a simple HTML paragraph.
 
This is a left aligned paragraph.

Demo

This is a simple HTML paragraph.

This is a left aligned paragraph.

To align the html elements we will use the align label with the attributes: left, right, center, justify.

HTML — Titles

html
This is the HTML tag for the biggest title

Other tags to define titles or headers in html are: h1, h2, h3, h4, h5, h6. The title defined with h1 is the biggest and the one defined with h6 is the smallest.

Html — Linebreak

is a Linebreak. The space between «br» and «/» is the difference between HTML 4 and valid XHTML code.

HTML — Horrizontal rule

is used to draw a horizontal line. The space between «hr» y «/» is the difference between HTML 4 and valid XHTML code.

HTML — Lists

Here is a simple HTML list example:

  1. The first html element in the lista
  2. The second html element in the list
  3. The third html element in the list

The example above is an example of ordered html list. Other html lists are: unordered and definition list.

htmlHtml 5 Go to top ( ) Contact us HTML 5

Above, you have an example of a normal HTML link, a link between two sections on the same page, a link that links to an email, and a link linking an image. Although no longer used in HTML deserves mention.

Basehref has been removed from the index tags HTML 5.

HTML — Images

html

It is recommended, to align images using CSS. This would transform the HTML code above into:

htmlHtml Image

HTML — Forms

This is just one example of HTML code used to create a form. It is what a user might use to enter information. But to process such information you need a PHP file (for example) that sends the info to the database, mailed, etc.

HTML — Text fields

Below are a few examples of HTML text fields.

html --> regular text field --> password field --> radio button --> checkbox

HTML — table

The basic structure of a table in HTML is as follows:

html 
 
Columna 1 Columna 2 
 
Fila 1 Celda 1 Fila 1 Celda 2 
 
Fila 2 Celda 1 Fila 2 Celda 2

Html — Bgcolor

Bgcolor is used to set the background color. Here I leave a few examples of how to use it:

Html — Background

To add a background image will use the following html code.

HTML — Comments

Html — Embed (Music and sound)

To insert music or sound in a HTML document use embed tag, as follows

Html — Object (Video)

To insert video in a HTML document use embed tag, as follows:

HTML — Bold

htmlBold HTML text Strong HTML text

HTML — Italic

htmlItalic Emphasized

HTML — Subscript, Superscript, Striketrough

Exponent, index, and cut text. Although not widely used, it is worth mentioning.

htmlIndex! Exponent Cutted text

HTML — Uploading and hidden fields

The form below is used to upload a file to the server. Do not forget that it is just the HTML part. To make it functional you should process it using PHP, asp, or any other server-side language.

Источник

Изучение HTML: руководства и уроки

Чтобы создавать веб-сайты, вы должны знать о HTML — фундаментальной технологии, которая используется для определения структуры веб-страницы. HTML применяется для того, чтобы определить как должен отображаться ваш контент: в виде абзаца, списка, заголовка, ссылки, изображения, мультимедийного проигрывателя, формы или же в виде одного из множества других доступных элементов, а также возможного нового элемента, который вы сами создадите.

Путь обучения (образовательная траектория)

В идеале вы должны начать своё учебное путешествие с изучения HTML. Начните с прочтения раздела «Введение в HTML». Затем вы можете перейти к изучению более продвинутых тем, таких как:

  • «CSS (Каскадные таблицы стилей)», и как их использовать для оформления (стилизации) HTML-документа (например, изменение шрифта и его размера, добавление границы и теней для элементов, разбиение страницы на несколько столбцов, добавление анимации и других визуальных эффектов).
  • «JavaScript», и как его использовать для придания динамической функциональности веб-страницам (например, определение вашего местоположения и отображение его на карте, создание элементов, которые будут появляться/исчезать при нажатии на кнопку, сохранение данных пользователей локально на их компьютерах и многое другое).

Прежде чем приступить к этой теме, вы должны иметь хотя бы базовое представление об использовании компьютеров вообще и уметь «пассивно» использовать Интернет (т.е. уметь просматривать веб-страницы, быть потребителем контента). У вас должна быть базовая рабочая среда, описанная в разделе «Установка базового программного обеспечения», а также вы должны понимать, как создавать файлы и управлять ими, что подробно описано в разделе «Работа с файлами» — обе статьи являются частью нашего модуля для новичков — «Начало работы с вебом».

Перед тем, как начать эту тему, рекомендуется пройтись по разделу «Начало работы с вебом», однако это необязательно; многое из того, что описано в статье «Основы HTML», также рассматривается и во «Введении в HTML», причём даже более подробно.

Модули

Данный раздел содержит модули, которые расположены в порядке, наиболее оптимальном для их изучения. Вам определённо следует начать с первого модуля.

Этот модуль даёт основу, которая позволит вам использовать важные понятия и синтаксис, вы рассмотрите применение HTML к тексту, узнаете как создать гиперссылки и как использовать HTML для структурирования веб-страницы.

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

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

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

Решение общих HTML задач

Использование HTML для решения общих задач содержит ссылки на разделы контента, объясняющего, как использовать HTML для решения очень распространённых проблем при создании веб-страницы: работа с заголовками, добавление изображений или видео, выделение содержимого, создание базовой формы и т.д.

Смотрите также

Отправная точка HTML документации на MDN, там вы сможете найти как подробное описание основных элементов и их атрибутов, так и более продвинутые уроки по языку, это отличное место для старта.

Found a content problem with this page?

This page was last modified on 15 июл. 2023 г. by MDN contributors.

Your blueprint for a better internet.

Источник

HTML Tutorial

In this HTML tutorial, whether you’re a beginner or a professional, this tutorial covers everything you need to know to learn HTML, from the basics to advanced. Providing step-by-step instructions for easy learning, it will help you become proficient in HTML.

HTML stands for HyperText Markup Language. It is used to design the web pages. With the help of HTML, you can create a complete website structure. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages and markup language defines the text document within the tag that define the structure of web pages.

HTML Tutorial

Why HTML is used?

HTML is used to create the structure of web pages and website that are displayed on the Internet. HTML basically contains Tags and Attributes that are used to design the web pages. Also, we can link multiple pages using Hyperlinks.

HTML Basic Structure of Web Page

The basic structure of an HTML page is laid out below. It contains the essential building-block elements (i.e. doctype declaration, HTML, head, title, and body elements) upon which all web pages are created.

Page Structure

HTML Basic Tags

Example: This is the basic example of HTML that display the heading and paragraph content.

HTML

         
Welcome to GeeksforGeeks
 
A computer science portal for geeks

HTML Basic Web Page Output

Complete References

HTML Interview Questions

HTML Practice Quiz Sets

HTML Cheat Sheet

HTML Cheat Sheet is a simple, and quick reference list of basic HTML elements and attributes. The purpose of this Cheat Sheet is to provide you with some quick accurate ready-to-use code snippets and necessary HTML tags and attributes.

HTML Examples

HTML examples contains a wide collection of HTML programming examples. The HTML examples are categorized based on the topics including hyperlinks, forms, tables, frames, and many more.

Learn more about HTML

  • Introduction
  • HTML5 Introduction
  • HTML Hex Color Codes
  • HTML Charsets
  • HTML URL Encoding
  • Most commonly used HTML tags
  • Structure of HTML Document
  • HTML Form Design
  • Design your First Website in Just 1 Week
  • Simple Portfolio Website Design
  • Design a Portfolio Gallery
  • Design a web page
  • Top 10 Projects For Beginners
  • 10 Best HTML Coding Practices You Must Know
  • Design a Login Form to an Image using HTML and CSS

Источник

Читайте также:  Running time code java
Оцените статью
© 2023 Программирование