PLATFORM

  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

COMMUNITY
MORE

HTML & CSS Intro

Created on April 26th, 2015

Tony Lea tnylea

In this beginner video we'll show you how to create a simple HTML & CSS page. Using any plain text editor, you can easily create an HTML page in minutes. Open up your plain text editor and drop in the following text:

<!DOCTYPE html>
<html>
<head>
	  <title>Sushi</title>
	  <style>
	    body{
		      text-align:center;
	    }
	    h1{
		      color:blue;
	    }
    	p{
		      color:red;
	    }
	  </style>
</head>
<body>
	  <img src="https://s3.amazonaws.com/devdojo/misc/img/sushi.png">
	  <h1>Sushi is Awesome</h1>
	  <p>I Love Sushi</p>
</body>
</html>

And save the file as index.html, then open up the file in any web browser and Wahlah! You just created a simple webpage. Checkout the an example demo here: https://codepen.io/devdojo/pen/LVEbBL.

share on facebook share on twitter share via email

Comments (0)

loading comments