HTML Notes

By
HTML Editors (Some example list):

  • Visual Studio Code
  • Sublime Text
  • Atom
  • Notepad++
  • CoffeeCup – The HTML Editor
  • TextMate
  • Vim
  • UltraEdit
  • Coda
  • BBEdit
  • Komodo
  • Edit
  • Brackets
  • CodeShare


HTML (Hyper Text Markup Language): 

  • standard markup language for creating Web pages.
  • describes the structure of a Web page
  • consists of a series of elements (represented by HTML tags)
  • browsers use them to render the content of the page


Sample HTML document:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

 …. page contents

</body>
</html>

HTML has 3 major elements:

  • DOCTYPE: indicates the standards compliance or version of the document [<!DOCTYPE HTML>
  • HTML: acts as the root of the document  
  • HEAD(contains document metadata like: title, meta, link -for css, javascript) & BODY (contains the content to be displayed) 
HTML Elements / tags:
<p> this is a paragraph </p>
[opening tag] content [closing tag]
<--------------------element---------------------->


head element: (Defines information about the document) [has 6 elements]

  • title:  Defines title of a document
  • meta: Defines metadata about an HTML document (charset, description, keywords, name, refresh)
  • link: Defines the relationship between a document and an external resource
  • base: Defines a default address or a default target for all links on a page
  • script: Defines a client-side script
  • style: Defines style information for a document

Popular posts from this blog

GOOGLEFINANCE attributes

By
Fetches current or historical securities information from Google Finance. Sample Usage GOOGLEFINANCE("NASDAQ:GOOG", "price", DATE(2014,1,1), DATE(2014,12,31), "DAILY") GOOGLEFINANCE("NASDAQ:GOOG","price",TODAY()-30,TODAY()) GOOGLEFINANCE(A2,A3) Syntax GOOGLEFINANCE(ticker, [attribute], [start_date], [end_date|num_days], [interval]) ticker  - The ticker symbol for the security to consider. It’s mandatory to use both the exchange symbol and ticker symbol for accurate results and to avoid discrepancies. For example, use “NASDAQ:GOOG” instead of “GOOG.” If the exchange symbol is not specified,  GOOGLEFINANCE  will use its best judgement to choose one for you. Note: Reuters Instrument Codes are no longer supported. For example, use TSE:123 or ASX:XYZ instead of ticker 123.TO or XYZ.AX. attribute  - [ OPTIONAL -  "price"  by default ] - The attribute to fetch about  ticker  from G...
Read more

Practice

By
This page is generate to practice Selenium HTML Form with Text input fields First name: Last name: Example: Radio Buttons Please select your age: 0 - 30 31 - 60 61 - 100 Example: Checkboxes I have a bike I have a car I have a boat Example: Alert Try it JavaScript Prompt Try it Paragraph block containing multiple class names
Read more

Merge/join two or more video files using Python

By
Using Pyhton, we can easily add two or more videos files easily. We just need to use the moviepy package. Once we import that package, we can ean use the methods or functions to add movie files. Here, in this tutorial, we joined/merged two video files. But it is not limited to add only two video files. We can add multiple video files using the same program with the change of no of files expressions. Just import all the movie files and then join using the same concept. from moviepy.editor import * # load clips clip_01 = VideoFileClip('nature.mp4') clip_02 = VideoFileClip('rain.mp4') # join + write result_clip = concatenate_videoclips([clip_01, clip_02]) result_clip.write_videofile('combined.mp4') Here, in this program we imported the moviepy package. Later, we loaded two video files. If you want to add multiple video files, just import all of them. Finally, we concatenate by using the method concatenate_videoclips() and we saved it in the directory locat...
Read more