HTML SUMMARY
DOCUMENT SUMMARY
<html>...</html>
The tag shows up at the beginning and end of an html document(known a the root element). it indicates that the webpage is written in htmls5, and all other pages markup comes in between these beginning and ending tags.
<head>...</head>
The contains information that specific page, including the title tags, metadata, and links to scripts and style sheets.
<title>...</title>
The title tag is the title for that page, useful for bothg serch engines ( when they scan and index pages) and users (showing up up in a browser's title bar) by ecplicitly stating the primary topic of each page.
<body>...</body>
Body tags include all content that will be shown to users, including everything they'll see and read.
EXAMPLE
<html>
<head>
<title>My beautiful website</title>
</head>
<body>
</body>
</html>
DOCUMENT INFORMATION
<base/>
The Base URL (for example: www.yoursite.com ) is useful for specifying all relative links in a document (especially if you have many internal links).
<meta/>
Meta data spells out additional information about the page, including the pages description author published data keywords and other typically hidden page information.
<link/>
Can be used to a create relaitonships wikth external pages or documents including style sheets.
<style>...</style>
This element includes document style information typically defaulting to css.
<script>...</script>
This element includes all scripting information or links to external scripts. you can also include this element in the body to dynamically generate content.
EXAMPLE
<html>
<head>
<meta charset="uth-8">
<base href="http://mybeautifulwebsite.com" target="_blank"/>
<title>MY beautiful website<title/>
<link rel="stylesheet" href="/css/master.css">
<script type="text/javascript">
var myvar = 0;
</script>
</head>
<body>
</body>
</html>
DOCUMENT STRUCTURE
<h1..h6>...</h1. .h6>
All six levels of headings with 1 being the most important on a page and 6 being the least. these element are used to descibe content sections on a page.
<div>...</div>
A generic cintainer used to denote a page section or
<span> ... </span>
An inline section or block container, typically used for grouping styling elements.
<p> ... </p>
This foundational tag is used to organize paragrahs of text.
<br/>
Creates a line break (or old-school carriage-return), useful
for writing block of text that need to be on different lines (think addresses ,etc.)
<hr/>
Creates a horizontal rule, a sectional break in an html page. typically used to donate a change in topic or section of a page.
EXAMPLE
<div>
<h1>ways to make your cat happy</h1>
<p>you have a <span> mini-lion </span> at home and you want to make it as happy as possible .</p>
<hr/>
<h2>feed your cat well .</h2>
<p>The right diet is <span>extremely<\span>.important for the well being of your cat.<br/> obesity is a common source of problems among domesticated animals.</p>
</div>
Sample
Join Our Telegram Channel to Stay Updated
![Javascript DOM Tutorial Part 1 [ Selectors ] How to Select HTML Elements Using Javascript](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGFE3NttPjKRUzbBqnGQNT8mtxG71mrDGLb-k8f-rw_I9Ov3Tu9uIFQtUgoxOozsx2TNf449IJ7SPgrEFFqrDdN98mWUWXsp8zFUteAmA7UaXDDjyQHE5b0oVkCzXT_aIgCVFD_ksqt18/s72-c/jspart10.jpg)
![Python Django Rest Framework Tutorial Part 2 [ DRF Separate Methods for Create,Update,Delete,List ]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmzEs_nyQ4dNnsoznaIbD_ifI3F3STp4Sd2eNDmKINgxyMvwt9Kc_BJHKWfeudr23RMsloD5Bd3PCfyBG96OY-cVZBTZ8Npc_86fCHd7iCKVy8fjtk4Xxawvw8OuvM1PhJpq-hTR28XJE/s72-c/DJANGO-REST2.jpg)
No comments:
Post a Comment