The world's first web page revisited

Loading...

来自 University of London 的课程

Responsive Website Basics: Code with HTML, CSS, and JavaScript

3175 个评分

University of London

Responsive Website Basics: Code with HTML, CSS, and JavaScript

3175 个评分

课程 1（共 6 门，Specialization Responsive Website Development and Design）

In this course you will learn three key website programming and design languages: HTML, CSS and JavaScript. You will create a web page using basic elements to control layout and style. Additionally, your web page will support interactivity. At the end of the course, you will be able to: 1. Define the purpose of HTML, CSS and JavaScript 2. Make a simple web page using HTML 3. Use CSS to control text styles and layout 4. Use CSS libraries such as Bootstrap to create responsive layouts 5. Use JavaScript variables and functions 6. Manipulate web page content using JavaScript 7. Respond to user input using JavaScript In this course, you will complete: 2 assignments writing HTML, CSS and JavaScript, each taking ~1 hour to complete 4 quizzes, each taking ~20 minutes to complete 1 programming exercise~30 minutes to complete multiple practice quizzes, each taking ~5 minutes to complete Participation in or completion of this online course will not confer academic credit for University of London programmes.

从本节课中

HTML

We start the course by looking at how to set up a dev environment, build a HTML navbar and how to embed images and create lists using HTML.<p>Also we'll create properly structured HTML documents and have a look at the world's first web page. <p> Looking forward to working with you this week! <p> Matthew, Marco and Kate

The world's first web page revisited3:43

与讲师见面

Dr Matthew Yee-King
Lecturer
Computing Department, Goldsmiths, University of London
Dr Marco Gillies
Senior Lecturer
Computing Department, Goldsmiths, University of London
Dr Kate Devlin
Senior Lecturer
Department of Computing, Goldsmiths

[MUSIC]

So now it's time to apply some of this knowledge

we've gained about HTML and tags.

And use it to analyze the world's first web page,

because now we're not just consumers of web pages,

we can actually look at the code that underlies them and understand it.

So let's go and look at that page now.

In my text editor here, I've actually got the address of the world's first web page,

so I'm gonna copy that, and open a new window and paste it in there.

And you can see here, there's the page.

But as I said, we're not just viewing the page, we're gonna dig in and

look at the code.

So I go, View menu > Developer > and View Source.

And that shows me the HTML code that actually makes up the page.

And now you should be able to read this a bit and see what it means.

So what do you notice?

Well the first thing is there's no HTML tag.

Okay, so maybe there's something wrong with this document.

And then there's a HEADER tag, we've never heard of that.

What's a HEADER tag?

Well, so what's going on here, why is it so different?

This is an earlier version of HTML.

So remember, Kate mentioned that we're actually learning HTML5,

which is the current version.

So HTML is a sort of living language,

people are constantly debating in the W3C, who kind of control the standards.

They're debating what should be in there and what should change and

whether this thing doesn't quite work or maybe they need to add this.

So for example, in the latest version of HTML,

they made it really easy to embed videos and to embed audio,

which you've not been able to do before without using external kind of plugins.

So that's an example of something they added in HTML5.

So what we're looking at in the first web page is probably pre HTML1.

So it's a really early version, so some of the tags have been changed since then.

So I reckon that the HEADER tag has probably changed into the head tag.

But we've got the TITLE tag, okay we still use that, and now I'm noticing

something else about it which is that all the tags have capital letters.

And again, we don't do that anymore, we tend to use lowercase for our tags.

Now it's starting to look a bit more familiar now.

So we've got a BODY tag there, and World Wide Web, so that's an H1 tag.

Okay, we still have that.

And then we've got a link, A NAME=0 HREF.

So we've got a hyperlink there.

And what else have we got?

More links, more links there, an A tag.

And then we've got this other type of list,

that I mentioned earlier, which is the sort of description list.

And so you've got a DL and inside that you get a DT, and a DD.

And you can see, if we just look at how that looks,

it's slightly different from our normal list in that you get your

one part of the list is displayed there, then you kind of get a description.

And this type of list is slightly more complicated than the UL and OL but

it allows you to get this slightly more sophisticated layer where

you kind of have a, it's a bit like a dictionary, where you have a term and

then you have a definition.

Moving on, so

nothing else too exciting in there so the BODY ends and that's more or less it.

And you can see there's a bunch of links to HTML files and so on, so

it's really quite a simple page.

Yeah so that was it, so we looked at the world's first HTML page and

we pulled it apart.

And we're able to really understand, just from using the information we've

gained this module, what's going on in that page.

[MUSIC]

探索我们的目录

免费加入并获得个性化推荐、更新和优惠。

Coursera 致力于普及全世界最好的教育，它与全球一流大学和机构合作提供在线课程。

© 2019 Coursera Inc. 保留所有权利。

通过 App Store 下载

通过 Google Play 获取