What is Zen Coding?
Check this link: Zen Coding
Install Emmet in Sublime Text:
Zen Coding is known as Emmet now-a-days.
Website:
Emmet Cheat Sheet
Continue reading
html
html – Anchor
Anchor tag:
<a href = “http://name.com” > site or link name </a>
Example 1:
<!doctype html>
<html>
<head>
<meta charset = “utf-8” />
<title> Site title </title>
</head>
<body>
<a href = “http://name.com” > Name </a>
</body>
</html>
Example 2:
<!doctype html>
<html>
<head>
<meta charset = “utf-8” />
<title> Site title </title>
</head>
<body>
<p> Learn more <a href = “http://name.com” > about me </a> </p>
</body>
</html>
html 001
Open Notepad.
<!doctype html>
<html>
<head>
<title>My First Webpage</title>
<meta charset=”utf-8″ />
</head>
<body>
Hello World !
</body>
</html>
Explanation:
- At first, specify the doctype. <!doctype html>
- Then create html tag. <html> = <name_of_the_tag>. “/” defines the end of the tag.
- Create head between html tags. <head> </head>
- Give a title between head tags. <title> My First Webpage </title>
- Specify character type inside meta tag. Character type (charset) followed by equal sign (=), then value (utf-8). <meta charset=”utf-8” />. value may vary from country to country.
- Closing head tag.
- Then create body. <body> </body>
Watch the tags below:
- <!doctype html>
- <html>
- <head>
- <title>My First Webpage</title>
- <meta charset=”utf-8″ /> as like as <meta value = “name” />. <meta charset = “utf-8” /> and <meta charset = “utf-8 > both are same.
- </head>
- <body> Hello World !
</body>
</html>
Then save file by name.html. “.html” specifies the HTML file.
Skull
<!DOCTYPE html>
<html>
<head>
<title> Title goes here when a new opened </title>
<meta charset=”utf-8″ /> Tell the browser which character to use.
</head>
<body>
<h1>My First Heading</h1> h1 means font size should be as big as first headline.
<p>My first paragraph.</p> Main content goes here.
</body>
</html>
taglesson 