Skip to main content

Recent Posts

Latest News

● Posts on CSS and SEO coming soon ...●

Using Section and Semantic tags in html

by TechnofreakAN

  What are Semantic or section tags in HTML?: 

In HTML section allow us to group HTML elements. For grouping many HTML elements div tag is used and for grouping few HTML elements. Div tag is block level element and creates a block in webpage while span tag is inline level element and this elements does not start on new line.

Semantic tags in HTML: 

HTML5 introduces semantic tags to customize content in proper sequence or order like blocks. It is optional to use semantic elements div and span element do the same work as they do. 

Following are semantic tags:

1. <header>: this attribute helps to create a header.

2. <nav>: this Attribute helps to create navigation bar in webpage.

3. <section>: this attribute creates section in webpage.

4. <article>: this attribute help to insert article in webpage.

5. <aside>: this attribute help to creates sidebar.

6. <Footer>: this attribute help to create footer.

7. <details>: this attribute used for adding more information.

Semantic tags help in SEO and faster understanding of webpage by search engine (indexing).



 

   Note: (This semantic tag has created block in a page has you can see in output with help of CSS, elements can be in proper arrangement  )
From Topic:

Comments

Post a Comment

Top Posts

Basics of Web

by TechnofreakAN
 How Website Works?:  When a client search a particular website on internet, his request is sends to DNS for obtaining IP Address. This IP Address is send to the client-server. Clients server requests the web-server for sending files to the client in terms of HTML, CSS and Javascript to the location of clients IP Address. Finally client views content in his browser which he had requested.  Let us now define some common terms in Web Development which are required to understand before moving forward in web development. Web page is a document or information resource on www (world wide web) and can be accessed through web browser and displayed on a monitor. Web publishing describes the software and methodologies to design web pages and website. Web Server is a Computer which stores websites or A Web server is an application or a computer that sends webpages over the internet using the HTTP protocol. The functionality of website is managed by web server. Web Browser is a sof...
Post a Comment
Click Here For More Details

HTML Paragraphs and Responsive

by TechnofreakAN
  How Paragraph Tags used in HTML? :-  Paragraph tags are used to group sentences in the one paragraph.  It is denoted by <p> tag. It is a container tag i.e. it has start and end tag. It contains a content. It is a block level element (always start on new line and creates its horizontal block). Paragraph tags also have attribute style, used to design text inside this tags.              Output is :-     HTML Responsive :-       To make webpage responsive (adjust size according to device screen) following code is used in head tag. It is important for any webpage to display properly according to device width.
Post a Comment
Click Here For More Details

Introduction to HTML

by TechnofreakAN
  WHAT IS HTML AND WHY IT IS USED :  HTML stands for Hypertext Markup Language. HTML forms a basic structure for any websites. HTML is standard language used for creating a website. It is necessary for anyone who want to build a website. HTML file has a extension .html. HTML file can be created in any text editor and executed in web browser. HTML5 is current major version of HTML Basic structure of HTML file given bellow: HTML tags are element names enclosed with angular brackets. Tags are not case sensitive. HTML page is enclosed within <html></html> tag. HTML page mainly contains following syntax. Html elements mainly contains  opening tags, content and closing tags. HTML tags are of two types : • Container tags : tags which have opening and closing tags are called Container tags. This tags contains content. This tag can also contain other tags.  Eg. <body></body> • Empty tags : tags which don’t have end closing tags are called Empty ...
Post a Comment
Click Here For More Details

Text Formatting in HTML

by TechnofreakAN
  What are the Text Formatting Elements in HTML  : Text formatting elements are used to make beautiful or to design the HTML document. (This tags are used to made attractive webpages but not recommended because CSS is used for the purpose of styling webpage rather than using text formatting tags). Following are some Text Formatting Elements: Let's understand each and every text formatting elements through HTML code :-  For now just ignore </br> tag in the code.  
Post a Comment
Click Here For More Details