HTML_9_Meta

Meta

The <meta> tag defines metadata about an HTML document. 
Metadata is data (information) about data.

<meta> tags always go inside the <head> element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings.

Metadata will not be displayed on the page, but is machine parsable.

Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.

There is a method to let web designers take control over the viewport (the user's visible area of a web page), through the <meta> tag (See "Setting The Viewport" example below).

Define keywords for search engines:

<meta name="keywords" content="HTML, CSS, JavaScript">

Define a description of your web page:

<meta name="description" content="Free Web tutorials for HTML and CSS">

Define the author of a page:

 <meta name="author" content="John Doe"> 

Refresh document every 30 seconds:

<meta http-equiv="refresh" content="30">

Setting the viewport to make your website look good on all devices:

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 


Comments

Post a Comment

Popular posts from this blog

HTML_1_Introduction

Image
What is a website? A website is a collection of web pages and related content that is identified by a common domain name and published on at least one web server.  Web advertising is any form of Internet-based marketing.  Nowadays, websites become the tools or services for people in our working environments due to the digital transformation. Why we should use? First impression as a real business Online Presence 24/7 Information Exchange Easily Market Expansion Advertising Use anytime, anywhere, any devices Basic Website Language HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages. CSS stands for Cascading Style Sheet, which is used to design the web page to be more attractive. JS stands for JavaScript, which is used to make web pages interactive and dynamic. What is HTML? HTML stands for Hyper Text Markup Language HTML is the standard markup language for creating Web pages HTML describes the structure of a Web page HTM...
Read more

HTML_6_Media

Image
Media Image <img> To add an image into the page you need to use an <img> element. This is an empty element (which means there is no closing tag). It must carry the following two attributes: src This tells the browser where it can find the image file. This will usually be a relative URL pointing to an image on your own site.  alt This provides a text description of the image which describes the image if you cannot see it. title You can also use the title attribute with the <img> element to provide additional information about the image. Most browsers will display the content of this attribute in a tooltip when the user hovers over the image. <img src="car.jpg" alt="car" title="car" /> <figure> Images often come with captions. HTML5 has introduced a new <figure> element to contain images and their caption so that the two are associated. <figcaption> The <figcaption> element has been added to HTML5 in order to a...
Read more

HTML_7_Link

Image
Link Links are created using the <a> element which has an attribute called href.  The value of the href attribute is the page that you want people to go to when they click on the link.  Users can click on anything that appears between the opening <a> tag and the closing </a> tag and will be taken to the page specified in the href attribute. <a> other-sites.html HTML Link Type Link to other website Link to other website with new tab Link to email Link to Top (ID) and Bottom Link to Pages (Same folder, Child folder, Parents folder and so on) Link to Other Website <a href="https://www.google.com/">Google</a> Link to Other Website with New Tab <a href="https://www.google.com/" target="_blank">Google New Tab</a> Link to Email <a href="mailto:coffeehouse@gmail.com">Email Us</a> Link to Other Website <a href="https://www.google.com/">Google</a> Link to Other Website with N...
Read more