Limited Time Offer!

For Less Than the Cost of a Starbucks Coffee, Access All DevOpsSchool Videos on YouTube Unlimitedly.
Master DevOps, SRE, DevSecOps Skills!

Enroll Now

What Is HTML?

HTML is a markup language for creating web documents / pages

1.Hyper Text Markup Language

2.Markup language – Uses a set of markup tags

3.NOT a programming language

HTML Tags

  1. HTML tags define HTML elements which is an individual component of an HTML document or web page.
  2. Keywords surrounded by angle brackets
[code language=”html”] <p>This is a paragraph element surrounded in paragraph tags</p> [/code]

Page Structure

[code language=”html”] <!DOCTYPE htm> <html> <head> <title>My Webpage</title> </head> <body> <p>This is my first web page,/p> </body> </html> [/code]

<!DOCTYPE html> – Declaration defines this document as HTML5
<html> – Describes an HTML document
<head> – Provides information about the document
<title>- Provides a title for the document

<body> – Describes the visible page content

Common Doctype Declarations

Closing Tags

Not all tags have closing tags like <p></p>
Some tags can close themselves
Line-Break Tag – <br>

Self Closing Line-Break Tag –<br/> (Remnant of XHTML)

Attributes

Tags can also have “attributes” which include extra bits of information about that tag/element. Attributes appear in the tag inside of quotation marks

[code language=”html”] <tag attribute=“value”></tag> <a href=“http://google.com”>Click</a> <h1 id=“myHeading”</h1> [/code]

Block Level Elements

  • Always starts on a new line
  • §Takes up full available width
[code language=”html”] <div> <h1> – <h6> <form> [/code]

Inline Level Elements  

  • Does not start on a new line
  • Takes only width necessary
[code language=”html”] <span> <a> <img> [/code]

Creating A Web Page

  1. Use a text editor or IDE to create your HTML document
  2. Add elements, tags, attributes, etc
  3. Save file with a .html extension
  4. Open it up in a browser – No server needed

Rajesh Kumar
Follow me
Subscribe
Notify of
guest
0 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x