HTML-Elements
html – Features
When you browse a website, those items you can observe are called features. Features of the web page include the paragraph texts, the page banners, and the navigation links. Any segments of a web page are called an feature. The visitors cannot observe many HTML features. These features work quietly behind the scenes to present useful information about the site to web crawlers and search engines.
An feature includes three fundamental segments: an opening tag, the content, and a closing tag.
- <p>– opening paragraph tag
- Feature Content– “Once upon a time…”
- </p>– closing tag
A Complete HTML Element:
1<p>Once upon a time...</p>
A single page may include many features, but when all is said and done, every HTML page should have a bare minimum of four crucial features: the HTML, head, title, and body features.
html – <html> feature…</html>
Every web page begins and ends with <html> feature. The only goal of <html> is to hold each web feature properly in position and serves the role of book cover; all other HTML features are encapsulated within the <html> feature. Web browsers know, “Hey, I’m an HTML web page!” through the tag, so that the browser knows how to submit it. In order to indicate the end of the HTML document you, have to end your HTML documents with the corresponding </html> tag.
It is time to open up Notepad, Notepad++, if you haven’t already, and prepare a new, blank document. Copy the following HTML code into your text editor.
HTML Element Code:
|
1 2 |
<html> </html> |
Pressing Menu and then Save, you can save your file. Click on the Save as Type drop down box and select the All Files alternative. Name your file – index.html, if you’re asked to name it. Be careful to do everything properly and then press – Save. In order to be able to refresh the page and observe any new changes, open your file in a new web browser.
You should be beginning at your very first blank (white) web page, if you opened up your index.html document!
html – <head> feature
The first feature included inside the <html> feature is usually the <head>. These features are not directly displayed by a web browser although it is also an feature container that encapsulates other HTML features. Acting behind the scenes, they can provide more descriptive information about the HTML document, like its page title and other metadata. Other features which are used to script (JavaScript) and format (CSS) are contained within the <head> feature as well, and we will finally introduce how to make use of those languages. The head feature will keep on lying empty except for the title feature for the present time, which will be presented next.
An example of the initial setup is presented here.
HTML Head Element Code:
|
1 2 3 4 |
<html> <head> </head> </html> |
Nothing new will happen on the page, if you’ve made the code changes and refreshed the browser page. Up until now, all we’ve done is add some of essential features that give an account of the web page document to the web browser. Content — those things you can observe — will come next!
html – <title> feature
The feature of <title> supplements a title to a web page. At the top of any browser window or at the top of browser tabs, web page titles are showed. They are apparently the first thing being observed by web surfers as pages are loaded, and through making use of the web pages’ titles, web pages you bookmark are saved.
A suitable title makes a good first impression, and any page caught without a title under the most favorable conditions is regarded unprofessional.
HTML Title Element Code:
|
1 2 3 4 5 |
<html> <head> <title>My New Web Page!</title> </head> </html> |
First save the file and then refresh the browser. “My Web Page!” must be observed in the upper-left bar of your browser window.
Name your webpage as you wish. Remember that the best titles are short and illustrative.
html – <body> feature
The <body> feature encapsulates all the visual features (paragraphs, pictures, tables, etc.) of a web page. With the progress of tutorial, each of these features will be seen in greater detail, but for now, it’s only significant to understand that the body feature is considered as one of the four critical web page features, and it includes all of the page’s observable content.
HTML Body Element Code:
|
1 2 3 4 5 6 7 8 |
<html> <head> <title>My New Web Page!</title> </head> <body> <p>Hello World , This is my first web page.</p> </body> </html> |
Now observe your first complete web page.
html – features reviewed
To recap rapidly: we’ve laid out a set of four fundamental features that are utilized to produce a strong base and structure for your web page. All page content and features are encapsulated by the <html> feature, which includes two specific features: the <head> and <body> features. The <head> feature is considered as a smaller container for features that work behind the scenes of web pages, while the <body> feature includes content features such as web forms, text, images, and web video.
From now on, the examples we present will assume that you have a solid understanding of these significant features and know to include the majority of your HTML code within the <body> feature.