www.shellows.blogger.com
01.Document Summary Document information
02.Document Structure Text Formatting
01.Document summary document information
For web developers, it is crucial to be proficient in HTML And while HTML is not the most difficult to get accustomed to one can still manage to forget all the nooks and crannies it has to offer. A good solution, therefore, is to always have a cheat sheet at hand helping you in your most troubling moments.
Documment Summary
Let us see how we can break the code up in different componen
<html>... </html>
This tag specifies that the webpage is written in HTML It appears at the very first and last line of the webpage It is mainly used to show that the page uses HTML5 - the latest version of the language. Also known as the root element
this tag can be thought of as a parent tag for every other tag used in the page
<head> ... </head>
This tag is used to specify meta data about the webpage. It includes the webpage's name, its dependencies ( jS and CSS scripts), font usage etc.
<title> .. </title>
As the name suggests, this tag contains the title/name of the webpage. You can see this in your browser's title bar for every webpage open in the browser. Search engines use this tag toextract the topic of the webpage, which is quite convenient when ranking relevant search results.
<body> ... </body>
Everything the user sees on a webpage is written inside this tag It is a container for all the contents
of the webpage
EXAMPLE
<html>
<head>
<title>My First Website</title>
</head>
<body>
</body>
</html>
Document Information
<base/>
Used to specify the base URL of your site, this tag makes linking to internal links on your site cleaner.
<meta/>
This is the meta data tag for the webpage Can be useful for mentioning the page's author, keywords, original published date etc.
<link/>
This is used to link to scripts external to the webpage. Typically utilized for including stylesheets
<style>... </style>
The style tag can be used as an alternative to an external style sheet or complement it. Includes the webpage's appearance information.
<script> ... </script>
Used to add code snippets, typically in JavaScript, to make webpage dynamic. It can also be used to just link to an external script.
EXAMPLE
<html>
<head>
<meta charset="utf-8">
<baseherf="http;//shellows.blogspot.com"
target="_blank"/>
<tital>my website</tital>
<link rel="styliesheet"href="/css/master.css">
<script type="text/javascript">
var dummy=0;
</head>
</body>
</body>
</html>
02.Document Structure Text Formatting
Document structure
<h1.h6>... </h 1..16
Six different variations of writing a heading,
<h1> has the largest font size, while <h6> has the smallest
<div> ... </div>
A webpage's content is usually divided into blocks, specified by the div tag.
<span> . </span>
This tag injects inline elements, like an image, kon, emoticon without ruining the formatting / styling of the page
<p> ... </p>
Plain text is placed inside this tag
<br/>
A line break for webpages. Is used when wanting to write a new line.
<hr/>
Similar to the above tag, But in addition to switching to the next line, this tag also draws a horizontal bar to indicate the end of the section.
EXAMPLE
<div>
<h1>Top 5 Greatest Films</h1>
<p>These are considered the greatest
<span>reel-icon</span> of all time </p>
<hr/>
<h2>1. The Godfather</h2>
<p>This 1972 classic stars Marlon Brando and
Al Pacino.</p>
</div>
Text Formating
<strong . </strong
Makes text bold. Used to emphasize a point
<b>... </b>
Alternative to the above tag, also creates bold text.
<em> </em>
Another emphasis tag, but this displays text in italics
<i>...</i>
Also used to display text in italics, but does not emphasize it like the above tag.
<tt> ... </tt>
Formatting for typewriter-like text. No longer supported in HTML5.
<strike> ... </strike>
Another old tag, this is used to draw a line at the center of the text, so as to make it appear unimportant or no longer useful.
<cite>... </cite>
Tag for citing author of a quote
<del> ... </del>
Pre-formatted, 'monospace'text laid out with whitespace inside the element intact.
<ins> ... </ins>
Denotes text that has been inserted into the webpage.
<blockquote>...</blockquote>
Quotes often go into this tag, Is used in tandem with
the <cite> tag
<q>... </q>
Similar to the above tag, but for shorter quotes
<abbr>...</abbra
Denotes abbreviations, along with the full forms
<acronym. </acronym>
Tag for acronyms No HTML5 support.
<address>... </address>
Tag for specifying author's contact details
<dfn> ... </dfn>
Tag dedicated for definitions.
<code>... </code>
This is used to display code snippets within a paragraph
<sub> ... </sub>
Used for writing a subscript (smaller font just below the mic-point of normal font). Example: ax
<sup>... </sup>
Similar to the above tag, but for superscripting.
<small> </small>
Reduces text size. In HTML5, it often refers to redundant or invalid information.
EXAMPLE
<p><strong>boldtext</strong>regular text
<em>some words in italics</em>regular text
ones again.</p>
<blockquote>
shellows the deep thinking.<cite>.vishwas kunal</cite>
</blockquote>
<pre>
some pre-formatted text
</pre>
<p>wing to fly<code>somecode</
import time
import RPi.GPIO as GPIO
GPIO.setwarnings(False)
GPIO.setmode(GPIO.BOARD)
led1= 3 //GPIO 1
led2= 5 //GPIO 3
led3= 13// GPIO 17
Internet Of ThingsB.sc.IT SEM -V
led4= 15// GPIO 27
GPIO.setup((led1),GPIO.OUT)
GPIO.setup((led2),GPIO.OUT)
GPIO.setup((led3),GPIO.OUT)
GPIO.setup((led4),GPIO.OUT)
def pattern():
GPIO.output(led1,True)
time.sleep(1)
GPIO.output(led1,False)
GPIO.output(led2,True)
time.sleep(1)
GPIO.output(led2,False)
GPIO.output(led3,True)
time.sleep(1)
GPIO.output(led3,False)
GPIO.output(led4,True)
time.sleep(1)
GPIO.output(led4,False)
print('Blinking LED pattern')
while True:
pattern()
Comments