HTML examples

The web design is a category within the web programming that is responsible for modeling and create the appearance of Internet portals , ie, to design the template that we all see and serves as an intermediary between the user and the server.

The programming languages are the main tool used to create websites . With them, a code is written that will be interpreted by the server as a web page , and as such, it will be shown to users.

HTML is one of the languages ​​used in web design. It is a markup language that works through hypertext tags. Many computer scientists refuse to catalog HTML as a programming language, but the truth is that it is a fundamental part of web programming in general and is the basis of any website or mobile application.

Anyone can learn HMTL , it is very easy to understand. Just with a notepad we can design our first (and simple) web page. We just have to structure the code very well and save the pad with the extension .html instead of the default .txt. Example: myprimeraweb.html.

HTML examples

  • Example of labels

<html> Open the document. Close with </html>

<head> Header of the document where there will be information about the identification of the web and more. Close with </head>

<body> It is the body of the document, where the general content goes. Close with </body>

<title> To define the title of a page.

<link> and <style> They go inside the <head>, “Style” is used to add CSS styles to the web and provide other resources to the HTML. <link> is used to link a .css file, and with <style> the code is written directly inside the head in the HTML document.

<h1>, <h2>, <h3>…. <h6> They are headings that are ordered according to their size, from 1 to 6.

<table>, <tr> and <td> They are used to create tables and distribute the sections of the web. They are little used anymore.

<div> It is an element “containing” of other things. Inside the DIV you can add any HTML resource.

<a> It is used to add links and they can have attributes so that it has a certain behavior, such as opening the link in another tab, another window, etc.

<img> Used to add an image to the document.

<li>, <ol>, <ul> They are used to create ordered and unordered lists.

<p> To create a paragraph .

<i> To add italic letters or words.

<b> For bold characters or words.

<br/> Makes a simple line break within a paragraph or wherever it is placed.

  • Basic structure of a page with HTML



<title> My First Page </title>



This is the first page I have created.



When using “&” + vowel + “acute;” a stressed vowel is added. Example: & aacute; = á.

  • Example of HTML code with Heading 1 (H1), an image (IMG), three paragraphs (p), capital letters (STRONG), a heading 3 (H3), a line break (BR), a straight line (HR ), a list (UL-LI) and a link (A).



<TITLE> A main title </TITLE>



<H1> Another main title </H1>

<P> <IMG SRC = «… / imagen.png»>

<P> This is an informational paragraph with a line break.

<BR> after the previous tag. Also with <STRONG> bold </STRONG> to complement.

<P> Another short paragraph.

<H3> A subtitle <H3>

<P> Another paragraph with a <a href= « labeled> link </a>



<LI> This is an unordered list.

<LI> An item from the list.

<LI> Another item on the list.




  • Example with other HTML resources




Marketing Agency




<A NAME= arriba>


<IMG SRC = »img / logo.png»>

<IMG SRC = »img / marketing.gif»>


Page content



Design made by

<FONT COLOR = »# 800000 ″>




Last update: October 2018




Related Articles

Leave a Reply

Your email address will not be published.

Check Also