Skip to content

Latest commit

 

History

History
74 lines (47 loc) · 2.18 KB

Part-1-Introduction_to_HTML5.md

File metadata and controls

74 lines (47 loc) · 2.18 KB

A Introduction To HTML5

Learn HTML Using Notepad or TextEdit

  • Learn HTML Using Notepad or TextEdit.
  • However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).
  • We believe in that using a simple text editor is a good way to learn HTML.
  • Follow the process below to create your first web page with Notepad or TextEditdvsdges.

Process 1 For Window users :
Firstly, open your Notepad .

Steps for Windows 8 or Later versions

  • Open the Start Screen (the window symbol at the bottom left on your screen).
  • Type Notepad.

Steps for Windows 7 or earlier versions

Open Start

  • Click on Programs
  • Then click on Accessories
  • And then Notepad

Process 1 For Mac users : Firstly, Open Finder

  • And then click on Applications
  • and then TextEdit

Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"

Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".

Then open a new document to place the code

Process 2

  • Write the code in your Notepad mentioned in the picture below.

  • The !DOCTYPE html declaration defines that this document is an HTML5 document
  • The html element is the root element of an HTML page
  • The head element contains meta information about the HTML page
  • The title element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
  • The body element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • The h1 element defines a large heading
  • The p element defines a paragraph

Process 3

  • Click on files
  • And then click on Save As
  • Name the file as file_name.html
  • And set encoding to UTF-8.
  • And finally Save your work

Process 4

  • Cpoy your URL code and paste into your browser.

  • Here's your first HTML page.