Making a working HTML-CSS webpage with Notepad

Almost, the shortest possible HTML document controlled by CSS is shown here:

<html> <head> <link rel=”stylesheet” type=”text/css” href=”your1st.css”> <title> This is Hi. </title> </head> <body> <h1>Headline for Hi</h1> <p>Hi this is some text 1</p> </body></html>

Type the bold document above in Notepad and save as CSS-works.html with file type “.html”. It will link to the document we named your1st.css. Type the bold material below in a new Notepad, and save it is as  your1st.css. The name is arbitrary but it must be saved with file type “.css”:

h1 {color:red;} p {color:blue;}

Those two documents are easily created in Notepad. A video showing them is posted at YouTube.

Just for fun here is a really short html document controlled by css.

CSS example

An example of a very short working CSS document.

Probaway Helps you understand CSS Cascading Style Sheets.

4 thoughts on “Making a working HTML-CSS webpage with Notepad

  1. CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colors, and fonts.This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design). “‘

    Most popular write-up provided by our own web page
    <http://www.caramoanpackage.com

  2. I see you share interesting things here, you can earn some additional money, your
    website has huge potential, for the monetizing method, just search
    in google – K2 advices how to monetize a website

  3. I read a lot of interesting posts here. Probably you
    spend a lot of time writing, i know how to save you a lot of work,
    there is an online tool that creates high quality, google friendly
    posts in seconds, just type in google – laranitas free
    content source

  4. 秀发5大隐形杀 上海最好的植发医院 手|女生护发 一头健康亮丽的秀发,往往能让发型有画龙点睛的加分效果。然而,秀发就如肌肤一样有许多的敌人,下面来看看春夏护发中隐形的5大杀手。1紫外光紫外光不单对皮肤造成重大伤害,(如皱纹、缺水及黑斑等)对头发的伤害也绝不少,紫外光令头发变得干燥,引致断裂及分岔,并令发色变淡。2空气污染当你发觉头皮附着一点点黑色,其实就是灰尘、废气的粒子,附在发上的还要多,加上使用美发产品,污垢粘在头发及头皮上,容易堵塞毛孔,上海最好的植发医院,令头发不健康。3高温高温也是头皮的大敌,加速油性发质油脂分泌,所以用高温热水洗头是绝对不正确的选择。4雨水其实雨水是不会伤害头发,但由于空气污染变成酸雨,

Leave a Reply

Your email address will not be published. Required fields are marked *