How to Create a website in HTML

To create a website first you need to spend time do some programming. There are plenty of options to go with in regards to programming language. If you select PHP and HTML in combination with CSS you can create a dynamic website slightly fast. Designers are doing the final touch if needed and only the bare default of your solution is needed to start. Some webspace providers do feature 1-click-installer for CMS and Publishing Platforms like WordPress or Joomla to supply an easy solution to create a campaign display or a webshop featuring products with payment gateway (price/buy buttons) for MasterCard, VISA or more options for credit or debit payment, card payments. Simple HTML is though sometime necessary to edit content to display perfect using a WYSIWYG (What You See Is What You Get) editor with source display code editor as optional feature.

HTML is the basic programming language of any website. PHP can be used to deliver dynamic content from query results and requires a storage database backend like MySQL, MSSQL, PostgreSQL, Oracle etc.

CSS is the short for Cascade Stylesheet which controls the position, color, font, size, weight, height, width and so forth. Design elements.

Simple HTML Tags to create a static page

Append in front of every tag to fit the syntax

H1 Heading

<h1>Heading1, position 1</h1>

H2 Heading

<h2>Heading2, position 2</h2>

H3 Heading

<h3>Heading3, position 3</h3>

H4 Heading

<h4>Heading4, position 4</h4>

H5 Heading

<h5>Heading5, position 5</h5>

H6 Heading

<h6>Heading6, position 6</h6>

P Paragraph

<p>Text goes inside tags.</p> 

BR Move to new line

<br>

PRE Preformatted text

<pre>Text container.</pre>

TABLE Structured view of cells

Table subject or title.

<table>
<thead>Title of table</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>

UL>LI List style type display

<ul>
<li>some text</li>
<li>some more text</li>
<li>some text</li>
<li>some more text</li>
</ul>

IMG Image display

<img style="width: 1000px; height: 250px;" src="/path/image.png" />

INPUT Form element

<form method="GET" action="send.php" name="web-input" />

<input name="sampletext1" type="text" placeholder="Sample text in field" /> 

<input name="submit" type="submit" value="Send message" />

<input name="reset" type="reset" value="Reset" />

</form>

FONT Selection of font

<span style="font-family: Arial; font-size: 39px;">sample text here</span>

STYLE CSS Stylesheet

To load of external stylesheet file from resource.

<link href="style.css" rel="stylesheet" type="text/css">

or

To write directly into the HTML file and load without external additional webserver call and DNS delays.

<style>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}</style>

inside <head></head> tags.

SCRIPT Javascript

The script tags are to be written inside the head tags.

<script>(function(){var=x};())</script>

TITLE Title of browser tab and page title

Webbrowser page title (browser tabs).

<title>Welcome to Adepca.Com</title>

META Data entries to describe content

These are the rest, edit as may seem fit:

Refresh page and renew its content on every 5 seconds.

<meta http-equiv="refresh" content="5">

Refresh page with redirect to https://adepca.com/ after 2 seconds – edit to 0 if instant redirect is required.

<meta http-equiv="refresh" content="2; url=https://adepca.com/">

Description of your website or page to meta search engines for more related precise ranking in search engine result pages. Change the description to fit the content of each page or you will get a warning from Google for using duplicate descriptions.

<meta charset="UTF-8" name="description" content="Things about servers, websites, internet and analytics.">

Listing of comma seperated keywords to describe the page to search engines and rank for listed keywords. Change keywords per page and write related keywords to rank for the given interest scope.

<meta name="keywords" content="PHP, Webserver, HTML, Css, CSS, css,">

Author tag to tell search engines who has written the article or page.

<meta name="author" content="root@adepca.com">

Tag to make your page look good on any device and add responsive display of page.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Leave a Reply

Your email address will not be published. Required fields are marked *