The Use of HTML

Published: 2021-07-31 22:40:07
essay essay

Category: Technology

Type of paper: Essay

This essay has been submitted by a student. This is not an example of the work written by our professional essay writers.

Hey! We can write a custom essay for you.

All possible types of assignments. Written by academics

Tim Berners-Lee developed HTML in 1990 and it is abbreviated as HyperText Markup language. The electronic documents known as pages, are created using HTML and they are displayed on the World Wide Web. The pages are linked together through hyperlinks. The web page on the internet can be developed in any version of the HTML.HTML code is used to format the text and images properly so that the internet browser may display those pages in correct manner as they are intended for. HTML actually tells the browser how the elements should be placed on the web page. If there will be no HTML then browser would not know how the text and images as elements should be placed on the web page. The basic structure of the page is defined by the HTML.HTML tag:Almost every html tags consist of opening tag and a close tag. The opening tag has a tag name and attributes while closing tag has a forward slash and the tag name. some HTML tags don’t have any closing tag so the best practice is to end the tag with a forward slash.Every tag is enclosed in the less than and greater than symbols and anything between those symbols are displayed and affected according to the nature and working of the tag. For example let look at how links are created using html tags.GoogleIn the above html code, the tag creates a link called “Google” that is linking towards a web page i.e. Tag Attributes:The attributes of tags allow to customize the behavior of tags and they are contain within the opening tags. For example < p align=”center” > Any text < /p >The value to the attributes are assigned using the equal sign “=” such as height=”50%” or cell-padding=”0”. There are some attributes that are declared within the tag such as
.Mostly attributes are optional and can only be utilized when there is a need to change the default behavior of the tag. Many tags have some required attributes such as attributes “src” and “alt” of image tag. Such attributes are required by the browsers to display the proper working of the tag.More Read: 3D Character ModelsHTML Example:< !DocType html >< html >< head> < title>My Website < body>

Starting HTML code

Hello World! This is the First HTML page

The Html code written above has key components to design a web page. The starting line mentioned the html version in which the code is written. The browser interprets the HMTL version and the text from the first line(DOCType). The next line of the HTML code has the HTML tag, internet browser identify that it is reading the html code. After the html tag, there is a HEAD tag that contains the information about the web page such as website’s title, meta tags and the location of css file and javascript file. The body tag contains all the elements that is viewed in the browser. In the end the closing tag of each elements wrap themselves for proper syntax.How to create HTML and view it:The HTML can be written in any text editor as it is a markup language. It is important to save the file with .htm or .html extension. However, there are specific HTML editors available. After creating a file with .html extension, it can be uploaded on any web server and can be viewed online through internet browser.CSS:CSS stands for cascading styles sheets. It is a languages used for styling the documents written in markup language. They are used to design and style the web pages. CSS is used to design the user interfaces developed in HTML. CSS is one of the vital technology of web design along with HTML and javascript. CSS is mostly used by website to create eye catching attractive webpages, UI for web application and UI for mobile applications.CSS is developed to separate the presentation part from the content of the documents. The separation of presentation and content enhances the content accessibility, contributing in more resilience and controlling the requirements of presentation’s properties, permissive to many HTML pages to utilize the formatting by determining the particular CSS in separate file resulting in minimum complexity and redundancy in the content structure.Due to separation of presentation, the same HTML code will be presented in different styles for multiple rendering methods. The CSS can also display the web pages according to the page size or viewing device. Users can also utilize another style sheet store in the personal computer instead od using style sheet specified by the author.Modification in the design of the document can be implemented easily and quickly by changing few lines in CSS file instead of modifying the HTML code.There is a priority scheme defines by the CSS specifications to examine which rules shoule be applied if more than one rules 1 is present against a particular element. So, the elements are prioritized based on the calculated weight, so that there are predictable outcomes.World wide web is responsible to maintain the CSS specifications. The W3C provides free CSS validation service for CSS documents or web pages.Web programs apply CSS guidelines to a web page to affect the appearance of the content in the web pages. A CSS control is shaped from:A set of properties which specifies how the HTML content would look like by determining the values, for instance I need my component’s width to be half of its parent component, and its background appearance to be red.A selector, which chooses the element(s) you need to apply the refreshed property estimations to. For instance, I need to apply my CSS control to every one of the passages in my HTML archive.A CSS is a collection of rules that are placed or written within the template that specifies how the web pae should look like.CSS Example:The above depictions could conceivably have seemed well and good, so we should ensure things are clear by showing a quick example. As a matter of first importance, we should take a basic HTML report, containing a

and a

.HTML file:< !DocType html >< html >< head> < title>My Website < body>

Starting HTML code

Hello World! This is the First HTML page

CSS file:h1 {color: red;background-color: red;border: 15px solid black;}p {color: blue;}The CSS starts with the h1 selector containing three properties. These properties will be applied to the h1 element in the HTML document. Each property has property name and value, this property /value pair is known as declaration.The first property sets the color of the contentThe second property set the color of the background of the content.The thirds property puts the border around the content which is 15px thick and the color will be black, however the appearenace of the border should be solid not dotted.JavaScript:Javascript is a deciphered language with a C like sentence structure. While numerous individuals forget about the language as simply a program scripting language, it really bolsters numerous exceptional ideas, for example, object-oriented programming, recursion, lambda, and closures. It’s an extremely agreeable language for the novice that rapidly scales to be as intense a device as your aptitudes permit.Client-Side JavaScript:The Client-Side Javascript is commonly used language. The javascript is inserted in the HTML document to be understood by the browser. By adding javascript, the HTML page becomes the dynamic page as it include the code snippets that interacts with the end-users, handle the browser behavior and can create content dynamically. There are many advantages of the client-side JavaScript. Javascript is used for validation. For example Javascript can validate that the user has entered correct email address or not. The JavaScript code is processed when the user acknowledged the form and if all the entries are validated by the Javascript only then it would be moved towards the web server.The Javascript is an event-driven language. These events are triggered when a user clicks a button or navigate through a link.Advantages of JavaScript:Javascript allows less server interaction. User input can be validated by the Javascript before moving the page to the web server. This results in low server traffic resulting in less load on the web server.Javascript immediately respond to the users. Users don’t need to wait until the pages refreshed and display the message regarding the wrong input by user.Javascript enhances the attraction of the web page as they reacts when user hovers over them.It provides richer interface to the users such as drag-and-drop components.Limitations of Javascript:JavaScript cannot be treated as strong programming language. It has some limitations:It does not provide reading and writing of file functionality.There no support for networking applications.It is not multi-threading capabilities.In-Line JavaScript:You can put these script blocks anyplace on the page that you wish, there are a few standards and traditions in any case. In the event that you are creating dynamic content as the page loads you will need the script squares to show up where you need their yield to be. For example, on the off chance that I needed to state “Hi World!” I would need my script piece to show up in the zone of my page and not in the area.Unless your scripts are producing yield as the page loads, great practice says that you should put your scripts at the exceptionally base of your HTML. The explanation behind this is each time the program experiences a