What Is HTML?

Loading...

Del curso dictado por Duke University

Programming Foundations with JavaScript, HTML and CSS

4710 calificaciones

Duke University

Programming Foundations with JavaScript, HTML and CSS

4710 calificaciones

Curso 1 de 5 en SpecializationJava Programming and Software Engineering Fundamentals

Learn foundational programming concepts (e.g., functions, for loops, conditional statements) and how to solve problems like a programmer. In addition, learn basic web development as you build web pages using HTML, CSS, JavaScript. By the end of the course, will create a web page where others can upload their images and apply image filters that you create. After completing this course, you will be able to: 1. Think critically about how to solve a problem using programming; 2. Write JavaScript programs using functions, for loops, and conditional statements; 3. Use HTML to construct a web page with paragraphs, divs, images, links, and lists; 4. Add styles to a web page with CSS IDs and classes; and 5. Make a web page interactive with JavaScript commands like alert, onClick, onChange, adding input features like an image canvas, button, and slider.

De la lección

Designing a Web Page with HTML and CSS

In this module, you will learn the basics of HTML and CSS to design a web page. Over the course of the module you will build your first web page!

Using CodePen2:30

What Is HTML?7:08

Metadata and Sectioning Elements2:41

Formatting Text and Nesting Tags1:58

Adding Images and Links3:25

Images and Storage6:07

Lists and Tables7:40

Conoce a los instructores

Susan H. Rodger
Professor of the Practice
Computer Science
Robert Duvall
Lecturer
Computer Science
Owen Astrachan
Professor of the Practice
Computer Science
Andrew D. Hilton
Associate Professor of the Practice
Electrical and Computer Engineering

Today, you're going to start learning about web pages.

And the language and concepts for creating your own web pages.

One of the amazing things you can do on the internet and

the web is create things like web pages, so

that billions of people Anyone with an internet and web connection can see them.

Let's get started in understanding and mastering the concepts in language,

the nuts and bolts of making a webpage, so you can make your own webpage.

You're probably are quite familiar with webpages, you've seen and navigated them.

For example, you may have looked at Wikipedia webpages.

You've seen that some webpages are easier to read than others.

Some are full of really fun and

interesting links, words, images, videos and more.

Here's a Wikipedia webpage that describes webpages.

In the web page, is an image of a web page, so we're talking about a web page

with a picture of a web page and in that web page is information.

Excitement.

You'll learn about the basics in creating web pages.

Your own imagination and

creativity will help you apply this knowledge in creating your own pages.

For example, there is bold or emphasized text on the web page.

You'll learn about how to make some parts of the web page be more forceful

than others.

There are links to other web pages on this web page.

Links are what helped transform how people use the internet and the web.

Linking from one page to another so

that you can learn amazing things by following links.

This web page has images.

You can also put videos and audios on a web page.

But we'll be looking at images first,

since they're very simple to access and use.

To access a particular web page such as this one,

you need the address of the web page.

The address isn't part of the web page, it's used to access the web page online.

Once you share the address, anyone in the world can access your web page.

In this course,

you'll be creating web pages that you can share with anyone in the world.

The address is called a URL or Uniform Resource Locator.

In order to write webpages, you're going to learn HyperText Markup Language.

This is the language used to create webpages.

Most people use HTML as an abbreviation for HyperText Markup Language.

It's much easier to say and it's easy to use when searching for information online.

Note then in learning HTML, you are not learning a programming language but

rather a markup language.

HTML does not run on a computer like a programming language, but

is used by web browsers to display a webpage.

You may have written documents in which you select text and

make it bold or underlined or italics.

This is a way of marking up the text to display in certain ways.

HTML uses structural marker called tags

that the web browser uses to display the webpage.

When you write HTML,

you get to describe what you want to appear in the webpage you're creating.

The browser uses HTML to render the web page so

that it's viewable on a computer or on a phone or somewhere else a browser runs.

Because HTML's a markup language that description includes not just the text and

images, but markup describing the formatting you want.

For example, bold text, like you just saw, tables like you will see in

the next lesson, or a variety of other ways to display information.

You'll use HTML to specify meaning, like bold or link, but

you won't use HTML to specify how to display bold text, like what color to use.

For that, you'll use another language, one you will also study a little later.

There are different ways to display items.

You will later learn about CSS,

to provide ways to enhance the display of your web page.

You may specify that you want to emphasize some text.

But how exactly do you display emphasized text?

CSS lets you describe that.

Maybe it's italics, maybe it's bold, maybe it's huge and red.

You'll learn CSS in a later lesson.

In order for

different browsers to interpret HTML on web pages, there must be standards.

HTML 5 is the current version of HTML.

It's a collaborative standard,

many people working around the world to decide on the standards.

The first standard for HTML was in 1993.

Wow, that was over 20 years ago, that was a very different time.

Most people used very slow modems to connect to the internet then.

Web pages were much simpler then and images were slow to load.

Today we have images, video, audio and more, but we still have an HTML standard.

Just when that's up to date with current capabilities of the internet and the web.

The most recent standard for HTML was in 2014, and

it has evolved with the changing times.

HTML 5 has features to support multimedia that would have been unimaginable in 1993.

Here's an example of HTML for a webpage and that webpage display.

You'll see that the HTML markup has many tags.

Each tag is set off by angle brackets from what's between the tags.

We'll look at the tags used on this page but

you can also see that the displayed webpage does not show the tags.

I chose the phrase, Hello World and

you can read the title of the webpage in the browser tab.

The title is, Hello World Page.

First, you see the HTML tag to indicate we are using HTML to define the components

of a webpage.

The webpage is defined between the starting HTML tag and the ending HTML tag.

All valid web pages using HTML contains these tags.

As we'll see, there is a start tag and an end tag.

The tags match up, but the end tag has a slash that indicates it's the end tag.

Next you see all the header information defined between these start and

ending head tag.

Again, the end tag is /head and the matching start tag is head.

Next you see the title tag.

Note that all the content between the starting and

ending title tag is displayed as the title of the web page, Hello World Page.

Next you see highlighted the body tags of the page.

Whatever content you put between the start and

ending body tags will be displayed as the body of the web page.

Finally, we see a short paragraph within the starting and ending p tags and

you can see that content, Hello World is displayed in the web page.

We'll see this HTML often,

which between the body tags is what the user looking at the web page sees.

Explora nuestro catálogo

Inscríbete de manera gratuita y obtén recomendaciones personalizadas, actualizaciones y ofertas.

Coursera brinda acceso universal a la mejor educación del mundo, al asociarse con las mejores universidades y organizaciones, para ofrecer cursos en línea.

© 2019 Coursera Inc. Todos los derechos reservados.

Descargar en la App Store

Consíguelo en Google Play