Referring to ways we can use the HTML tags to describe the structure of the document in a meaningful way. It provides meaning, makes it easier to update, is better for indexing by Google, and is more easily read by screen readers.  

Semantic markup

Elements can have attributes, they provide addition information about the element. They also provide more information to the browser about the properties of the tag that contains those attributes. Attributes always go in the opening tag of an element (never the closing tag). Attributes mostly follow this pattern attributeName (one word) followed by an equal sign = The value goes in quotes, and may have one or more words. 


Attributes 

Tags used for html could be self closing as well since it does not have any elements inside of them. Examples of self closing tags include <img>, <br>, <hr> and <input>.  

Self Closing Tags

2 types of HTML tags, first, Structural tags create a block on the page. Anything that comes after a structural tag, will be in a new block. Examples include the paragraph tag (<p> </p>) or the header tag (<header> </header>). There are considerably more structural tags than phrasing tags. Second, a phrasing, or inline element. It does not create a new block, but does provide some meaning to the text inside the element. For example, to make a word bolded, you would include the inline tag, <strong> </strong> to emphasize any words. Also, some tags are self closing, for example, an image is an image. It can not have an element inside of it, so it does not have a closing </img> tag. 


University of California, Davis

It refers to a hypertext markup language. The hypertext part is the links, or in other words, the anchor tags. These special tags allow us to link any html document to any other html document. Links can link to documents on other websites, other documents on our own website, or even specific locations within an html page. There are 2 types of HTML tags which are structural (block) and phrasing tabs (inline).

HTML

Castro, Elizabeth, and Bruce Hyslop. HTML5 and CSS3: Visual Quickstart Guide (8th Edition). Peachpit Press, 2013.


Visual Quickstart Guide

HTML Tags

1) The doctype declaration tells the browser which type of document to expect. 
2) The entire page goes between <html></html> tags.
3) <head></head> tags contain information about the page and links to additional required files, but nothing inside this tag gets displayed in the browser window, except the title, which is displayed on the tab in the browser.
4) There are a number of different <meta> tags that can appear on web pages. This is telling the browser what character set is expected is required. UTF-8 is the most common.
5)The body tags contain all content displayed in the browser window.


Learn Before

Related

Learn After