Skip to main content

Beginner in CSS

Introduction to CSS

Hello there guys, i just wanted to show you how to apply CSS in your web-pages..

What is a CSS?

CSS are meant to be created to style the <html>, even though you can style the <html> without CSS using inline style, but the main purpose of HTML is to set the structure of the web page, not the styling.

How to apply CSS in your web page..?

1. Inline style (as already mention above):

Here's an example, you can try:

<body>
<p style="text-align:center;color:red"> This is inline Style </p>
</body>

2. Internal style

<head>
   <style>
     p {color:red}
    h1 {text-align:center}
 </style>
</head>

3. Eksternal Style

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

Note : "Example.CSS" is the CSS file you wish to add in the HTML"

You might ask ? What style should i use ?

Well, it depends on your need actually, if your trying to develop a larger scale on web, you might consider using the eksternal CSS style because it gives you the flexibility to change styles in your web without editing anything in your HTML.

If your just want to play a small project on web, internal and inline style is your choice :)


Well then,

Happy Developing Web.












Comments

Popular posts from this blog

Cara menulis abstrak

Halo semua, sehat semua kan ? Nah kini saya ingin berbagi sebuah informasi bagaimana membuat sebuah abstrak yang bakal digunakan untuk penulisan ilmiah. Semoga tetap semangat belajar yaa! Pengertian Abstrak :  Abstrak  itu tidak lain ialah hanyalah sebuah ikhtisar/rangkuman keseluruhan dari penelitian yang sedang kita buat. Tujuan  utama dalam membuat abtrak ialah untuk memberikan gambaran awal  kepada pembaca supaya dapat memahami isian dari penulisan yang kita buat. Struktur pembuatan abstrak terdiri dari : Latar Belakang Tujuan Metode Hasil Kata kunci (keyword) Catatan : Abstrak selalu di tulis di awal karya tulis, dan diusahakan konsisten dalam spasi serta dibuat paragraf "Justify" untuk setiap pembuatan karya tulis ilmiah. Ditulis minimal 150-200 kata. Sesuai dengan KBBI, kalimat dari bahasa asing dicetak miring(italic) atau digaris bawah(underline) Pembahasan tiap struktur: Latar Belakang :  Secara umum, pada bagian ini kita m...

Javascript Introduction

Hello guys, i'm gonna teach you something important that you all must understand. It's javascript!. JavaScript is a script language in HTML codes and processed in client(browser). What are the advantage of using Javascript ? : Javascript can validate all input from user Javascript is dyanamic and interactive for web Javascript don't need a compiler to run Javascript is used in HTML,web,Computer application,laptop and so on Javascript can be run even offline.     Let's write a simple script using JS :  It will print "Hello world" in HTML.. , that's just a simple JS codes. Location of JavaScript in HTML Document. 1. Internal   <script> tag is written between <head> and </head> elements. To call JavaScript function, put the caller in the body of HTML documents between <body> and </body> elements. 2. External  If you wanted to seperate your HTML documents and JS, you can use this method by: <script language="java...

JavaScript (Event Handler)

JavaScript Event Handler Welcome back.... Now, we're going deep in JavaScript. Let's learn JavaScript EventHandler . What is EventHandler in JavaScript? JavaScript Handler is a set of code that will run when user do something in the web pages, for example 'clicking' the windows or closing the windows. There a few common EventHandler Rather being too confused on that, let's practice it! 1. Alert Type 2. Input Data Input Data NB : More content will be updated... stay tuned.