CSE110 HTML与CSS文件创建及协作教程.pdfVIP

ThislabsessionexinshowtocreateanHTMLfile,aCSSfileandhowtomake

themworktogether.

STEP1:WRITINGTHEHTML

Forthistutorial,Isuggestyouuseonlytheverysimptoftools.E.g.,Notepad(under

Windows),orTextEdit(ontheMac).Dontuseawordprocessor,suchasWordor

OpenOffice.TheytypicallymakefithataWebbrowsercannotread.ForHTMLandCSS,we

wantsimple,intextfi.

Step1istoopenyourtexteditor(Notepad,TextEdit,orwhateverisyourfavourite),start

withanemptywindowandtypethefollowing:

!DOCTYPEhtml

html

head

titleMyfirststyledpage/title

/head

body

!--Sitenaviionmenu--

ulclass=navbar

liahref=index.htmlHomepage/a/li

liahref=musings.htmlMusings/a/li

liahref=town.htmlMytown/a/li

liahref=links.htmlLinks/a/li

/ul

!--Maincontent--

h1Myfirststyledpage/h1

pWelcometomystyledpage!/p

pItlacksimages,butatleastithasstyle.

Andithaslinks,eveniftheydontgo

本会话说明了如何创建HTML文件，ACSS文件以及如何使它们一起工作。

步骤1：编写HTML

对于本，我建议您仅使用最简单的工具。例如，记事本（Windows）或Textedit

（在Mac上）。不要使用WordProcessor，例如Word或OpenOffice。他们通

常制作Web浏览器无法的文件。对于HTML和CSS，我们需要简单的纯文本文件。

步骤1是打开您的文本编辑器（记事本，文本或您的任何内容），启动withanempty窗口

并键入以下内容：

html

头

标题我的第一个样式页面

头

body

！

站点导航菜单

=index.html“主页/a/li

“沉思/a/li