Notes
Notes - notes.io |
How to create a website/application ?
In this playlist you will learn now all
the hidden secrets of HTML5 programming.
A website has many pages, which are called webpages.
You will create now your first webpage.
Open any text editor such as "Notepad" on windows.
You will write your webpage in notepad.
A webpage is made by many tags, for example:
html tag, body tag, div tag, etc.
-----------------------------------------
Follow the following steps to create your first webpage:
First you will write "doctype" tag in notepad, like this:
<!DOCTYPE html>
"DOCTYPE" is a basic tag, you should always write it at the top of webpage.
-----------------------------------------
Now write two more tags, like this:
<html>
</html>
Here first tag <html> is opening tag and </html> is closing tag, tags are always written in
pair, between two tags you will write other pairs of tags to create your webpage.
-----------------------------------------
Now inside "html" tags you will write "head" tags, like this:
<html>
<head>
</head>
</html>
-----------------------------------------
Now inside "head" tags you will write "title" tags, you will write the name of your webpage between "title" tags, like this:
<html>
<head>
<title> TITANIC </title>
</head>
</html>
Here "TITANIC" is the name of your webpage, which will display like this on your website:
You can replace "TITANIC" with any other name of your choice.
-----------------------------------------
After </head> tag you will write "body" tags, like this:
<html>
<head>
<title> TITANIC </title>
</head>
<body>
</body>
</html>
Inside "body" tags whatever you will write, it will show on your website.
First you will write a heading, "h1" tags is used to create heading, so after <body> tag
you will write "h1" tags like this:
<html>
<head>
<title> TITANIC </title>
</head>
<body>
<h1> Titanic Details </h1>
</body>
</html>
"h1" is the biggest size, you can write "h2", "h3", "h4", "h5" and "h6" for smaller headings,
like this:
<html>
<head>
<title> TITANIC </title>
</head>
<body>
<h1> Titanic Details </h1>
<h2> Titanic Details </h2>
<h3> Titanic Details </h3>
<h4> Titanic Details </h4>
<h5> Titanic Details </h5>
<h6> Titanic Details </h6>
</body>
</html>
-------------------
Till now you have created the basic structure of your webpage,
there are many other tags you can write in webpage, which are as follows:
-----------
"p" tags
<p></p>
Inside "p" tags you can write paragraphs of text. Here "p" means "paragraph".
Example:
<p> This is my first paragraph. </p>
-----------
"meta" tags
<meta charset="utf-8">
"meta" tag is used for many purposes. Here "charset" is called "attribute" of meta tag, and "utf-8" is called value of charset attribute.
Each tag on your webpage can have one or more attributes with values.
The "charset" attribute of meta tag is equals to "utf-8" value.
If you write the text on webpage in spanish or in any other language then by using utf-8 value, the text will be displayed correctly on webpage.
------------
"img" tag
<img>
This tag is used to show images on your webpage, you dont need to write closing tag </img> for image. You need to write "src" attribute with "img" tag to show image. The value of "src" attribute will be a link of image.
Example:
<img src="https://" alt="My test image">
Here link of image is "htt
If there is no image exist on that link, the image will not show, instead of the image only the text "test image" will show up on the webpage. Here "text image" is the value of "alt" attribute, which means alternate text.
---------------
|
|
Notes is a web-based application for online taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000+ notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 14 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
