Some basic programmes that are used in this web site in HTML will be explained here.
- At the start of every programme this has to be written
<html>
<head>
<title>.....</title>
</head>
<body>
</body>
</html>
This is the start and framework of every web page before any designing is done. This has to be implemented.
2.All about divs and what not
<div>
</div>
These are normally used to contain other code in the website. All code must be writen in between these in other to work.
(b) identifying divs`
<div id="main">
</div>
This simply allows you to identify each of the divs and colour or style them seperatly.
3.linking
There are different types of linking methods for different purposes
(a) Linking CSS files
<link rel="stylesheet" type="text/css" href="style.css">
so far This is the only kind of file refrence I have learned. CSS files are used to style a page so that it is not so blank.
the rel=“stylesheet” means that the file is used to syle the page. type=“text/css” simply states the type and programme nature of the file. Lastly href=“style.css” means to state that the refrence file is to this location which is placed between the “”.
(b) Linking with <a>
<a href="https://www.Linkname.com">This is a link </a>
The link’s destination is specified in the href attribute. Attributes are used to provide additional information about HTML elements.
4.images
<img scr="image.jpeg" style=" width:150px;height:300px" >
Images are always placed in this format. the scr="" is where the file location of the image will be. the style="" refers to the sizing of the image when displayed on the web page.
- Conecting to other pages
<ul>
<li><a href="Index.html">Home</a></li>
<li><a href="About.html">About</a></li>
<li><a href="Website.html">Website</a></li>
<li><a class="selected" href="Development.html">Development</a></li>
<li><a href="3D_printing.html">3D Printing</a></li>
<li><a href="2D_cutting.html">2D Cutting</a></li>
<li><a href="Embedded_prog.html">Embedded Prog</a></li>
<li><a href="Project.html">Project</a></li>
</ul>
When linking to other web pages the ul tag must be used within a div.
<li>
</li>
This is the link tag for pages when your web site has more then one page.
<a href="link.html">link</a>
this line is used to define and help the computer find the file that you want to open when you click on the link.