HTML - Coding Part 1

HabboDevolper

New Member
Dec 8, 2013
7
1
Hello Devbest, Today am going to teach you Codes of html.

Code 1.

Code:
<!DOCTYPE HTML>
This code is used in the beginning. this code shows the program your using e.g Notepad, Dreamweaver and etc what kind of document it is. Here is how its meant to be - .
The DOCTYPE

The HTML syntax of HTML5 requires a DOCTYPE to be specified to ensure that the browser renders the page in standards mode. The DOCTYPE has no other purpose and is therefore optional for XML. Documents with an XML media type are always handled in standards mode. [DOCTYPE]
Code 2

Code:
<p>Example</p>
this tag <p> is used when starting a paragraph here is an example of how it is.

Code 3

Code:
<html>
html is used as a start tag and a end tag. when its used as an end tag you write it as this
Code:
</html>

Code 4
This code is used to add an image.
Code:
<img src="Link">
and also if you added an image and you want to change the height do this
Code:
<img src="link" width="450" height="442" />
and you can change the height if you want to and the width of the image


Lets Get to work shall we?

ok first thing we do to design our first web page through dreamweaver if you want to design a table and you dont have it use this code
Code:
<tr>
    <th scope="col"><a href="https://www.google.co.uk/">Home</a></th>
    <th scope="col"><a href="https://www.google.co.uk/">Services</a></th>
    <th scope="col"><a href="https://www.google.co.uk/">Products</a></th>
  </tr>
it will show up as this
if you do have Dreamweaver do this, and remember to click table also the next step is this also you can edit the table.



if you want something quick then do this code to add and image and a paragraph
Code:
<!DOCTYPE html>
<html>
<body>

<h2>Heading!</h2>
<img border="0" src="Link!!" width="304" height="228">

</body>
</html>
 
Last edited:

Sysode

Front-End Developer
Dec 11, 2012
1,673
848
This tutorial isn't really 'ordered'. If you were going in order of what should be learned first then the <p> tag could of waited until later. You should also go on to explain that the <!DOCtype html> is new in HTML5 etc.

Maybe add a little more to this and a description of what tag actually does, rather than saying do this here etc. Nice idea though, keep the tutorial up and follow it through :up:
 

Kaz

BooYah
Staff member
Nov 16, 2010
3,064
1,025
This is not classed as a tutorial, something like this already exists on Devbest.
Either add more content or the thread will be closed
 

Kaz

BooYah
Staff member
Nov 16, 2010
3,064
1,025
Then do it or I am closing the thread.

A thread like this will end up with people spamming and you getting trolled
 

Users who are viewing this thread

Top