Frontend Development

VERY basic HTML template

Submitted by NSA, , Thread ID: 10768

Thread Closed

RE: VERY basic HTML template

#21
17-03-2016, 12:35 AM
4ger4ger Wrote:
03-10-2015, 12:13 AM
Faded Wrote:
03-10-2015, 12:10 AM
NSA Wrote:
02-10-2015, 11:58 PM
Faded Wrote:
02-10-2015, 11:49 PM
NSA Wrote:
Faded is smart.

Hey I did a lot today.
[Image: SgXrYXe.png]

wat editor is dat?

Brackets.
The best thing I've ever used for web dev.

Holy shit, this is so much better than Light Table for me. Thanks for the heads-up!

13-03-2016, 06:46 PM
7tomas7 Wrote:
You can see on bootstrap simple and basic template with this framework and maybe this is good way to start programing.

In my opinion, not a very good way to learn. It's best to start from scratch so you fully understand how things work. Bootstrap is really intended for people who are already well versed in the web development scene so they can quickly get sites and concepts out for clients. Less experienced devs tend to stumble across it and use it as the easy way to get things done, when it's really only professionally used for prototyping. There are some exceptions to this, such as a client that is satisfied with the prototype as-is.

No problem. The live preview part is what makes it the best.
[Image: InZ3hGx.png]

RE: VERY basic HTML template

#22
Lol not a bad template I guess, it could save people a little time but you could make it a bit longer?
[Image: a6f058b4ad04d1c510114c9c3c19ccfd302d5e4d_hq.gif]

RE: VERY basic HTML template

#23
17-03-2016, 03:47 PM
StrangeLeader Wrote:
Lol not a bad template I guess, it could save people a little time but you could make it a bit longer?

It's VERY basic. Not A LITTLE BIT basic.
:yay:
The only woman Yoko and I shared in the sheets

[Image: ioaHWYx.png]

RE: VERY basic HTML template

#24
My IDE makes the same template automatically when I make new HTML file. lol
Do not allow the eye to fool the mind.

RE: VERY basic HTML template

#25
17-03-2016, 05:23 PM
Beer Wrote:
17-03-2016, 03:47 PM
StrangeLeader Wrote:
Lol not a bad template I guess, it could save people a little time but you could make it a bit longer?

It's VERY basic. Not A LITTLE BIT basic.
:yay:

Yeah I never said that doe
[Image: a6f058b4ad04d1c510114c9c3c19ccfd302d5e4d_hq.gif]

RE: VERY basic HTML template

This post was last modified: 17-03-2016, 09:25 PM by meh
#26
17-03-2016, 05:29 PM
Gnar Wrote:
My IDE makes the same template automatically when I make new HTML file. lol

[Image: wybcmk.png]

WEW

MAKE A MILESTONE POST FAM

RE: VERY basic HTML template

#27
01-10-2015, 08:20 PM
HurtLocker Wrote:
lol^^
I can't see the template :D

this is the template :D

[Image: zS3Fft6.png]
[Image: XhhKTdF.png]

RE: VERY basic HTML template

#28
so amazing template! need add some pictures :D
[Image: XkXBm5.png]

RE: VERY basic HTML template

This post was last modified: 18-03-2016, 10:50 PM by Billy
#29
This is extremely basic

Here's a REAL template

Code:
<?php
header('Content-Type: text/html; charset=utf-8');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Your page title</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Description of website">
<meta name="keywords" content="Search engine keywords">
<meta name="author" content="You">
<link rel="shortcut icon" href="/favicon.ico"/>

<!--[if lt IE 9]>
<script src="/home/https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="/home/https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>My First Heading</h1>

<p>My first paragraph.</p>
</body>
</html>

Complete with device, browser and screen responsiveness, proper UTF-8 encoding, language, favicon and SEO ranking improvers

oh and php :^)

RE: VERY basic HTML template

This post was last modified: 20-03-2016, 04:30 AM by Strange Leader
#30
This is the one I made that I usually start with, it gets me a quicker start, it's also simple but has some tags that you might be missing especially in the head.

Html
Code:
<!doctype html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/main.css">
</head>

<body>

<div id="page-wrapper">
<header id="header">
<div id="header-wrapper">
<div id="logo">
</div>
</nav>
</nav>
</div>
</header>

<div id="content">
<div id="content-wrapper">
</div>
</div>

<div id="footer">
<div id="footer-wrapper">
</div>
</div>
</div>
</body>
<html>

Css
Code:
/* removes white space around page */

body {
margin: 0;
}

#page-wrapper {
}

#header {
}

#header-wrapper {
}

#logo {
}

nav {
}

#content {
}

#content-wrapper {
}

#footer {
}

#footer-wrapper {
}

/* better looking horizontal rule */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* Remove default fieldset styles. */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Allow only vertical resizing of textareas. */

textarea {
  resize: vertical;
}
[Image: a6f058b4ad04d1c510114c9c3c19ccfd302d5e4d_hq.gif]

Users browsing this thread: 11 Guest(s)