Metadata and Sectioning Elements

Loading...

来自 Duke University 的课程

程序设计与 Web 入门

3996 个评分

Duke University

程序设计与 Web 入门

3996 个评分

课程 1（共 5 门，Specialization Java Programming and Software Engineering Fundamentals）

在这门课程中，你将会使用计算机通过HTML和CSS语言有创意地设计网页。之后，你将会运用Javascript开发程序和算法来让计算机解决问题。随着你学习的逐步推进，你会掌握编程流程，并将其并运用到之后的专业课程中。在完成这门课的学习后，你可以做到: 1. 运用HTML和CSS制作网页； 2. 解释运用高级语言的编程过程； 3. 运用批判性思考解决问题； 4. 运用包含条件语句和循环语句在内的Javascript解决编程问题； 5. 运用Javascript来调控图像和处理数据； 6. 认识到调试程序是一种科学方法的应用。在课程的最后，你将完成一个小项目。在这个项目中，你将会运用Javascript的算法来创建自己的图像，并运用HTML，CSS和Javascript建立一个网站。

从本节课中

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

与讲师见面

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
Assistant Professor of the Practice
Electrical and Computer Engineering

Let's look more closely at some different types of HTML tags, or elements.

Right now we will look at two types of elements.

One group is Metadata elements.

These contain information about the page.

Examples include the <html> tag, <head>, and <title> tags.

Sectioning elements which define regions of the page includes tags like <body>,

<h1>, and <div>.

In the context of a webpage Metadata is a set of data that describes

information about a webpage the <html> tag is a Metadata Element.

All other elements must be defined between the HTML start and ending tags.

HTML tells a browser that it should use the HTML standard

in displaying the web page.

The <head> tag is also a Metadata Element

it contains general information about the page.

This includes the title Information about scripts and

information about displaying the page using CSS.

The <title> tag is a Metadata Element too.

It specifies the text that is the title for the page and

must be nested between the start and ending head tags.

For an example here, is the beginning of the HTML from dukelearnprogram.com.

The HTML tag, the head tags between which

other Metadata goes such as the title tags.

Next, we see examples of Sectioning Elements.

The <body> tag is a Sectioning Element.

The start and ending body tags define the body of the whole webpage.

All the text and other items seen on the page will be inside the body tags.

Other sectioning elements define sectioning within the body of

the web page.

For example, the <h1> tag defines a region with a more important and

usually larger header.

The h in <h1> means section head, the <h2> tag is also a section header,

but typically a little smaller than an <h1> tag.

The smallest header tag is h6.

The <div> tag is also a sectioning tag.

This tag defines a section or division of a web page.

It is useful for grouping elements together to use CSS styling.

Sectioning Elements can also be found in the HTML for dukelearntoprogram.com.

The body starts here after the Metadata.

And the closing body tag is not showing because there's a lot of

HTML on this page.

Here is an <h1> header element, here is the first <div> on the page.

It uses the CSS class title bar.

Hopefully, the layout of a webpage's HTML makes more sense now.

探索我们的目录

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

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

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

通过 App Store 下载

通过 Google Play 获取