Difference between revisions of "Learning web design (1)"

From Wiki @ Karl Jones dot com
Jump to: navigation, search
(= html element)
Line 99: Line 99:
 
  <nowiki><html> ... </html>
 
  <nowiki><html> ... </html>
 
</nowiki>
 
</nowiki>
 
== Block elements ==
 
 
...
 
 
 
== Inline elements ==
 
 
...
 
 
== Classic HTML elements ==
 
 
...
 
 
=== html ===
 
 
...
 
 
=== head ===
 
 
...
 
 
=== title ===
 
 
...
 
 
=== body ===
 
 
...
 
 
=== h1, h2, h3, h4, h5, h6 ===
 
 
...
 
 
=== p ===
 
 
...
 
 
=== a ===
 
 
...
 
 
=== img ===
 
 
...
 
 
=== div ===
 
 
...
 
 
=== span ===
 
 
...
 
 
=== img ===
 
 
...
 
 
=== style ===
 
 
...
 
 
=== link ===
 
 
...
 
 
=== br ===
 
 
...
 
 
=== hr ===
 
 
...
 
 
=== table, th, tr, td ===
 
 
...
 
 
=== script ===
 
 
...
 
 
== Semantic HTML ==
 
 
[[Semantic HTML]] is ...
 
 
=== header ===
 
 
...
 
 
=== article ===
 
 
...
 
 
=== nav ===
 
 
...
 
  
 
== Learning web design (2) ==
 
== Learning web design (2) ==

Revision as of 13:13, 25 April 2016

This article introduces web design for the beginner.

What is web design?

Web design is the art and craft of making web pages.

See Web design.

Web pages

The fundamental purpose of a web page is to display text.

See Web page.

Text

Text is written language. Working with text is a primary task web design.

In this content, "text" sometimes means "text content", in order to distinguish this text from other text, such as markup languages.

See Text.

Text files

Text is commonly stored in text files.

Text files often have the .txt file extension, although many other file extensions also represent text files, while some text files have no file extension.

See Text file.

Text editors

A text editor is a computer program which allows the user to edit text files.

See Text editor.

Markup languages

A markup language is a writing system which adds meaning to text content.

See Markup language.

HTML

HTML is a well-known markup language, widely used on the World Wide Web.

See HTML and HTML5.

HTML elements

HTML elements are the vocabulary of the HTML.

Learning HTML meaning learning the important HTML elements, and how to use them.

See HTML element.

HTML tags

In a web page, HTML tags represent HTML elements.

Some tags work in pairs:

  • Opening (start) tag
  • Closing (end) tag

These tags can act as containers. Content between the two tags is said to be contained by the two tags.

Other tags act work alone. These are known as empty tags.

See HTML tag.

Simple web page

The code below demonstrates a simple web page using HTML5:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>	
  <title>Simple HTML5 page</title>
 </head>
 <body>
  <h1>Simple web page</h1>
  <p>This is a simple web page.</p>
 </body>
</html>

Document Declaration

The Document Declaration ("doctype") is not an HTML element. It declares the type of document.

The doctype for HTML5 is:

<!DOCTYPE html>

html element

<html> ... </html>

Learning web design (2)

See Learning web design (2) for an introduction to Cascading Style Sheets.

See also