The Full Stack Developer

Tag: html

  • How to make Google display customized content in its search results page for your website?

    Let’s say you have created a website. You are starting to get decent number of hits and google starts indexing your website in its search results. You search for your website in Google Search and “Aha!” your website is shown in the search results. But the content in the search result is random and you…

  • Attribute vs Property in HTML

    The terms attribute and property can be confusing in HTML. For example the javascript framework Angular has the concepts Property Binding and Attribute Binding . Without knowing the difference between the two it is difficult to grasp the difference between those concepts. The major difference between the two is this: Attribute is related to HTML…

  • How to show edits in a HTML document?

    Let’s say you created a HTML document with some content . You published it and your users have already started viewing it. And then suddenly you wanted to make some changes. You want to insert new data and delete old ones. You want to do this without affecting the user experience. How do you that?…

  • What are the different ways to represent text in HTML?

    There are so many ways to represent text in HTML. The HTML specs specify 29 different ways to mark up text. Here are they: You can hyperlink to a text or even a section of text or a picture using <a> element Example: When user clicks on the words “The Full Stack Developer” they will…

  • How to group HTML content?

    In the previous post as part of this series I wrote about how to structure content in HTML. In this post we will see how to group content. (Grouping is how to group related data together and structuring is more about where to place each type of content in a HTML document) According to the…

  • How to structure a website / HTML document?

    There is so much you can display on a HTML document. You can give a header to the entire document. You can have a navigation bar to navigate among different pages. You can have a side bar where you can display your blog posts list. You can show an article as the main content. All…

  • How to accept user data in a HTML document?

    HTML is used not only to display data but also to accept user input. This input then can be sent to a server or processed through javascript within the document. Input Types So what are the ways HTML allows user to provide input? You can type in a text: That is represented by the below…

  • How to use HTML head?

    Every HTML has a head tag . This is the first tag. What is this for? To provide meta data (data about data) about the HTML document you are going to create . What is the title of this document? Who is the author of this document? What set of characters are allowed in this…

  • What is HTML ?

    Let’s say you are new to the internet. You just know that you can connect to the internet through a browser. Some one told you that “information” exists on a place called “server” and you can see them through a magical tool called “browser”. So if you want some information from the internet you use…