HTML je zkratka pro Hyper Text Markup Language . Používá se pro tvorbu webových stránek a webových aplikací. HTML je široce používaný jazyk na webu. V tomto článku se naučíme psát HTML.
Zde nejprve ukážeme krok za krokem postup vytvoření stránky HTML.
Krok 1 - Otevřete textový editor pro psaní kódu.
Přestože existují různé textové editory, které lze snadno stáhnout pro začátečníky, nejlepším textovým editorem je Poznámkový blok (ve Windows) a TextEdit (v Macu). V systému Windows je výchozí textový editor poznámkový blok , zatímco na Macu je výchozím editorem TextEdit. V oknech můžeme otevřít poznámkový blok editor kliknutím na start a zadáním poznámkového bloku, jak je znázorněno na níže uvedeném snímku obrazovky -
Můžeme také použít Poznámkový blok++ textový editor ve Windows pro psaní HTML programů. Po naučení základů můžeme používat další profesionální editory jako Notepad++, Vznešený text, Vim, atd.
Krok 2 - Nyní začněte psát HTML programy v textovém editoru. Značky HTML jsou uzavřeny mezi otevřené značky () a uzavřené značky (). Předpokládejme, že musíme vytvořit odstavec, takže v HTML se odstavec vytvoří zadáním značky otevřeného odstavce
a poté zadáním značky uzavřeného odstavce
.
Po napsání řádku kódu můžete jednoduše stisknout Vstupte přejít na další řádek.
Krok 3: Uložte soubor buď s .html nebo s .htm rozšíření, jak je znázorněno na níže uvedeném snímku obrazovky.
Krok 4: Nyní můžete spustit svůj soubor .html. Chcete-li to provést, musíte přejít do umístění, kam jste soubor uložili. Poté vyberte odpovídající soubor a klikněte na něj pravým tlačítkem myši a vyberte požadovaný webový prohlížeč pro spuštění souboru. Může to být jasné na následujícím snímku obrazovky -
Po kliknutí na prohlížeč se zobrazí webová stránka s výstupem vašeho souboru.
Nyní se podívejme, jak můžeme začít s HTML nebo jak psát HTML programy.
U jakéhokoli HTML dokumentu můžeme v zásadě začít dokument typem dokumentu, tj štítek , an značka a a tag . Měli bychom zavřít značky a značky. Bude to napsáno následovně -
Do tagu můžeme napsat náš kód, který se zobrazí ve webovém prohlížeči. Chcete-li vytvořit název webové stránky, můžeme přidat značku head, jak je uvedeno níže -
<title < pre> <p>There are various tags in HTML for performing different tasks. There are six headings in HTML that are <a href="/html-heading"> <strong><h1>, <h2>, <h3>, <h4>, <h5>, and <h6></h6></h5></h4></h3></h2></h1></strong> </a> . These headings should be closed with their corresponding closing tags.</p> <p>There are various properties and rules to write HTML code. For more information, you can visit our <strong>HTML tutorial</strong> .</p> <p>We can create paragraphs in HTML by using the </p><p> tag , to create a hyperlink we can use the anchor tag, i.e., <a href=" "> </a>, we can also add unordered and ordered lists by adding <ul> and <ol> tags . An image can be inserted by using the .</ol></ul></p> <p>To add the style to a specific html tag or to the group of the html tags, we can use the CSS. There are three ways to use CSS in HTML that are Inline CSS , Internal or embedded CSS, and using the External CSS . Let's see the brief description of these ways -</p> <p> <strong>Inline CSS -</strong> Inline CSS uses style attribute to style the HTML elements. It is used to apply style to a single element.</p> <p> <strong>Internal or Embedded CSS -</strong> It defines CSS using <strong></strong> tag in the section. To use internal CSS, we can use id and class attributes.</p> <p> <strong>External CSS -</strong> It defines all CSS properties in a separate .css file. Then we have to include that file using the tag in the section.</p> <p>So, for more information, one should visit our HTML tutorial, where you will find a detailed and easier description of <a href="/html-tags">HTML tags</a> .</p> <hr></title>