$type=slider$count=4$ico=1$cate=0$rm=0$sn=0$cm=0$show=home

The First HTML Document

The First HTML Document

So, you’ve chosen to learn HTML? Here is the first lesson. HTML is a markup language – meaning you markup the structure and the browser will display accordingly. So the start off – every HTML page should have a start and an end. The start of html is denoted by tag and ends with . Lets start by creating a new folder named MyWeb in any location you wish. Then go ahead open a text editor (Notepad in Windows, TextEdit in Mac OS and Linux has a variety of them) and add the following codes.

<html>
    <head>
        <title>My First HTML</title>
    </head>
    <body>
        <p>Hello World</p>
    </body>
</html>
Save the file in the folder we’ve just created, and give it a name say index.html. (index is always the first file that is displayed when visiting a website.)

Now open the folder and open the index.html file. You should now see in your browser something like this: 
First HTML Document

Now you might think what’s with all those codes? The first line with the tag <html> tells the browser that it is the start of an HTML page, the last tag </html> tells that it is the end. The beginning tag and end tag is known as the Element of HTML. Then everything within the <head>…</head> is known as the head element which could includes many important elements and one being the <title>…</title> element. The next that follows is the <body>…</body> element. Here all the content of your website will go in. And in the <body> tag you can add other elements of HTML. The following is a list of different elements you can add:
  • <h1>…</h1> – Heading Level 1
  • <h2>…</h2> – Heading Level 2
  • <h3>…</h3> – Heading Level 3 and so on up to <h6>…</h6>
  • <p>…</p> – is for paragraph.
  • <strong>…</strong> to bold a text.
  • <em>…</em> – to emphasize text.
Go ahead and try to use the above elements inside the <body>…</body> element. Here I’ll explain the two types of Elements in HTML.
  1. Block Level Elements: These types of elements will create a line space between one and the other. The heading and paragraph elements are block level elements.
  2. Inline Elements: These elements will not break the line when used but rather will stay in line. <strong>…</strong> and <em>…</em> are such types of elements.
Try this code and see the results

  <html>
    <head>
        <title>My First HTML</title>
    </head>
    <body>
        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
        <p>Hello World</p>
        <p>This is a second paragraph and I'm putting <strong>Bold</strong> and <em>Emphasis</em> just to see if it works
        </p>
    </body>
</html>
You should get something like this:


Now go ahead and write something for your new site.

COMMENTS

BLOGGER: 1

3/random/post-list
Name

blog,9,chemistry,7,css,1,feature,10,html,5,java-script,2,php-mysql,3,solved-qp,4,spectroscopy,3,technology,4,videos,3,web-design,13,
ltr
item
F Diengdoh.com: The First HTML Document
The First HTML Document
Create the First HTML Document
http://3.bp.blogspot.com/-fCet20Fvzn8/Vp53pfJ1ExI/AAAAAAAACRQ/3WseOOAyJ2E/s1600/slider14.jpg
http://3.bp.blogspot.com/-fCet20Fvzn8/Vp53pfJ1ExI/AAAAAAAACRQ/3WseOOAyJ2E/s72-c/slider14.jpg
F Diengdoh.com
https://www.fdiengdoh.com/2016/01/the-first-html-document.html
https://www.fdiengdoh.com/
https://www.fdiengdoh.com/
https://www.fdiengdoh.com/2016/01/the-first-html-document.html
true
6372396504026100368
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content