Labels

Monday 24 April 2017

HTML begins here

(6th day in Uki ~ 24.04.2017)

 WHAT IS DNS?

  •  The Domain Name Server is a technology standard for managing names of public web sites and other Internet domains. DNS technology allows you to type names into your web browser like life wire. Your computer to automatically find that address on the Internet. A key element of the DNS is a worldwide collection of DNS servers.
  •   A DNS server is any computer registered to join the DNS.


WHAT IS HTML5?

 

  • WHATWG wanted to develop HTML as a "Living Standard". A living standard is always updated and improved. New features can be added, but old functionality cannot be removed.
  • The WHATWG HTML5 Living Standard was published in 2012, and is continuously updated.

WHAT ARE THE DIFFERENCE BETWEEN HTML4 & HTML5?

  • The DOCTYPE declaration for HTML5 is very simple:

<!DOCTYPE html>

  •  The character encoding (charset) declaration is also very simple:

<meta charset="UTF-8">

HTML5 Example:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>

</html>


New HTML5 Elements

The most interesting new HTML5 elements are:
  • New semantic elements like <header>, <footer>, <article>, and <section>.
  • New attributes of form elements like number, date, time, calendar, and range.
  • New graphic elements: <svg> and <canvas>.
  • New multimedia elements: <audio> and <video>.

BASIC HTML ELEMENTS

The HTML element is everything from the start tag to the end tag:


  1. <p>My first paragraph.</p> 
  2. <h1>My First Heading</h1>
  3. <a href="HYPERLINK">THIS IS HYPERLINK</a>
  4. <img src="picture.jpg>
  5. <hr> ITS A HORIZONTAL RULE
  6. <B></B>
  7. <I></I>
  8. <U></U>
  9. <SUP></SUP>
  10. <SUB></SUB>
  11. <del></del>
  12. <strong></strong>
  13. <em></em>
  14. <mark></mark>
  15. <:--ITS A COMMENT -->  


HTML Background Color

  • The background-color property defines the background color for an HTML element.
  • This example sets the background color for a page to powderblue:

Example

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>

HTML Text Color

  • The color property defines the text color for an HTML element:

Example

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

HTML Fonts

  • The font-family property defines the font to be used for an HTML element:

Example

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
 

HTML Fonts

  • The font-family property defines the font to be used for an HTML element:

Example

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

HTML Text Size

  • The font-size property defines the text size for an HTML element:

Example

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

HTML Text Alignment

  • The text-align property defines the horizontal text alignment for an HTML element:

Example

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
 -THANKS UKI-

Last day at Uki

Before Uki, I don’t know the fact that coding is like an ocean. Because I studied HTML and CSS only. I had some weaknesses like stage f...

Popular posts