[MOFE] HTML – 2. HTML Basic

[MOFE] HTML – 2. HTML Basic

Contents

  1. HTML Document Structure
    1. Basic template
    2. DOCTYPE
    3. html
    4. head
    5. body
  2. HTML Syntax
    1. Elements
      1. Basic elemetns
      2. Nested elements
      3. Empty elements
    2. Attributes
      1. Basic attributes
      2. Global attributes
    3. Comments

1. HTML Document Structure

1. Basic form

<DOCTYPE html> 
<html>
    <head>
        <title>Hello HTML</title>
        <meta charset="utf-8">
    </head>
    <body>
        <p>Hello HTML</p>
    </body>
</html>

2. DOCTYPE

– html version declaration
– ‘html’ means html5

3. html

– web page document

4. head

Place invisible elements

– Title
– Metadata
– External files

5. body

Place visible elements
– Can place HTML Tags

2. HTML Syntax

1. Elements

1. Basic elements

– Basic form


Hello HTML

 

– Structure

1. Start tag :

<p>

2. Contents :

Hello HTML

3. End tag :

</p>

– Tag name is Lower case

2. Nested elements

  • Basic form
<body>
    <p>Hello HTML</p>
</body>

Hello HTML

  • Some elements that can be nested
  • Nested elements form a parent-child relationship.
    • Parents : 
      <body></body>
    • Children : 
       <p></p>
  • Use indentation to represent the nesting depth of the nesting element

3. Empty elements

  • Basic form
<meta charset="utf-8"> 
  • Can’t have contents. Only have attributes
  • Self closing tag

2. Attributes

1. Basic attributes

  • Elements property
  • It can only be placed in the start tag.

2. Global attributes

  • There are common attributes that all elements have
  • Example
    • id, class, hidden, style, …

3. Comments

  • It is not displayed on the screen.
  • It is necessary for the development stage.

[MasterOfFE] 1. HTML Introduction

HTML

  1. HTML Introduction
  2. HTML Basic
  3. Semantic Web
  4. HTML Tag

1. HTML Introduction

  1. HTML
  2. HTML5
  3. History

1. HTML

  1. HTML means Hyper Text Markup Language
  2. Web page structure and contents
  3. Structuring information

2. HTML5

2014.10.28 New web standard with new features.

1. Visualization

  1. Multimedia
    1. Video
    2. Audio
  2. Graphics
    1. 2D : SVG, Canvas
    2. 3D : WebGL, CSS 3

2. Network

  1. Connectivity
    1. Socket

3. Hardware

  1. Device access
    1. Camera
    2. Sensors
    3. etc…
  2. Offline & Storage
    1. like platform

4. Structure

  1. Semantics
    1. Contents meanings
  2. CSS3
    1. Full supported

3. History

1989.06 – Sir Tim Berners-Lee HTML Idea

2014.10.28 – HTML5 Standard announced.

 

Study by poiemaweb.com