HTML5 is a markup language that is used to structure and present content on a website. HTML5 is the latest version of HTML, which stands for hypertext markup language. This is not a programming language like PHP or ruby. Markup languages like HTML, XML, and BBC uses markup tags within a document to characterize text elements and web browsers use this as instructions on how the document should display on your screen through the browser.
HTML can do a lot of things like publish a document online with text, images, and tables. You’ve seen hyperlinks before and probably used it without knowing it. For example, <a href=”url”> </a> is HTML language. Here, <a> is a anchor tag that defines this as a hyper link and href is the hypertext reference. Hypertext reference should have the link URL. This will display URL on the webpage. If you want to include a text to replace the link, you can type <a href=”url”> link text </a> and insert text of your choice within the tag. You can also create forms to collect user inputs like comments and email, you can also access web resources and display them, you can find current location of your website’s visitors and much more. Note that all tags should have an ending, which in this case is </a>.
Creating a HTML document is easy and only requires a simple text editor. Ultimately, HTML document is a file filled with tags, attributes with values for the tags, and the content. There are numerous tags you can use like <a> , which as we stated before defines a hyperlink, <body> which defines document’s body, <footer>, which defines a footer area for a document and so on. Attributes are additional characteristics that you can add on. For example, <a> may be a hyperlink tag, but href is the attribute that specifies the path to the image. Let’s take a look at another example. <img> is a tag that specifies alternate text for an image. <img src=.jpg alt=”test”>, alternative text as shown here is an attribute you can add to the tag. Let’s see one more example. <p> tag is a paragraph tag and here you can add style attribute <p style=”color:blue;”>. Value is anything that comes after the equal sign, so for <a href=”url”>, the value will be the url. The content is anything that goes in between the beginning of a tag and the end of the tag <a> and </a> for example. They may call this start or opening tag and end or closing tag. For example, within <a href=”url”> link text </a>, link text is the content.
Regular tags to start off with are <DOCTYPE html>, <html lang=”eng”>, <head>, <title>, and <p>. Organization of these tags is critical. Since <html> tag defines the root of an HTML document, this has to be the container for everything. All tags will exists inside of <html> tag like this <html> <other tags></othertags> </html>. Once you create your HTML document, you will save the file with .html extension. Extension is a group of letters that comes after a period in a file that indicates the format of the file, which in this case indicates that it is a html file. You can test your HTML document by opening the html file using your browser, just simply drag and drop.
HansITAcademy 