Tuesday, 6 December 2016

HTML Video


  1. HTML 5 supports <video> tag also. The HTML video tag is used for streaming video files such as a movie clip, song clip on the web page.
  2. autoplay Specifies that the audio will start playing as soon as it is ready
  3. controls Specifies that audio controls should be displayed (such as a play/pause button etc)
  4. loop Specifies that the audio will start over again, every time it is finished
  5. src Specifies the URL of the audio file
  6. height pixels Sets the height of the video player
  7. widthSets the width of the video player
  8. poster Specifies an image to be shown while the video is downloading, or until the user hits the play button

HTML Audio

  1. HTML audio tag is used to define sounds such as music and other audio clips. Currently there are three supported file format for HTML 5 audio tag.
  2. autoplay Specifies that the audio will start playing as soon as it is ready
  3. controls Specifies that audio controls should be displayed (such as a play/pause button etc)
  4. loop Specifies that the audio will start over again, every time it is finished
  5. src Specifies the URL of the audio file

HTML Marquee

  1. An HTML marquee is a scrolling piece of text displayed either horizontally across or vertically down your webpage depending on the settings.
  2. This is created by using HTML <marquee> tag.
  3. <marquee attribute_name="attribute_value"....more attributes> Text here </marquee>
  4. Attributes are width This specifies the width of the marquee. This can be a value like 10 or 20% etc.
    height This specifies the height of the marquee. This can be a value like 10 or 20% etc.
    direction This specifies the direction in which marquee should scroll. This can be a value like up, down, left or right.
    scrolldelay This specifies how long to delay between each jump. This will have a value like 10 etc.
    scrollamount This specifies the speed of marquee text. This can have a value like 10 etc.
    loop This specifies how many times to loop. The default value is INFINITE, which means that the marquee loops endlessly.
    bgcolor This specifies background color in terms of color name or color hex value.
    hspace This specifies horizontal space around the marquee. This can be a value like 10 or 20% etc.
    vspace This specifies vertical space around the marquee. This can be a value like 10 or 20% etc.

HTML5



  1. HTML5 tutorial provides details of all 40+ HTML tags including audio, video, header, footer, data, datalist, article etc.
  2. HTML5 is a next version of HTML. Here, you will get some brand new features which will make HTML much easier. These new introducing features make your website layout clearer to both website designers and users.
  3. There are some elements like <header><footer><nav> and <article> that define the layout of a website.
  4. It allows you to play a video and audio file.
  5. <article>-This element is used to define an independent piece of content in a document, that may be a blog, a magazine or a newspaper article.
  6. <audio>-It is used to play audio file in HTML.
  7. <footer> It defines a footer for a section.
    <header> It defines a header for a section.
    <main> It defines the main content of a document.
  8. <nav>-It is used to define the navigation link in the document.
  9. <progress>-It specifies the progress of the task.
  10. <section>- It defines a section in the document.
  11. <time>- It is used to define a date/time.
  12. <video>-It is used to play video file in HTML.

HTML Forms

  1. HTML Forms are required when you want to collect some data from the site visitor.For example during user registration you would like to collect information such as name, email address, credit card, etc.
  2. There are various form elements available like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.
  3. The HTML <form> tag is used to create an HTML form.
  4. Apart from common attributes, following is a list of the most frequently used form attributes:
    action Backend script ready to process your passed data.
    method Method to be used to upload data. The most frequently used are GET and POST methods.
    target Specify the target window or frame where the result of the script will be displayed. It takes values like _blank, _self, _parent etc.
  5. There are different types of form controls that you can use to collect data using HTML form:
      
  6. Those are:
    Single-line text input controls <input type="text" name="name"/>
    Password input controls <input type="password" name="pwd" />
    Email input controls <input type="email" name="email" />
    Number input controls <input type="number" name="number" />
    Dae input controls <input type="date" name="date" /> 
    Multi-line input controls <textarea rows="5" cols="50" name="description"/>
    Checkbox controls <input type="checkbox" name="m1" />
    Radio Button controls <input type="radio" name="male" />
    Select Box controls <select name="select" ><option value="Maths">Maths</option>
    File upload box <input type="file" name="fileupload" accept="image/*" />
    Button controls <input type="submit" name="submit" value="Submit" /> 
    <input type="reset" name="reset" value="Reset" /> 
    <input type="button" name="ok" value="OK" /> 
    <input type="image" name="imagebutton" src="/html/images/logo.png" /> 
    color <input type="color" name="color" /> 
    search <input type="search" name="search" /> 
    url <input type="url" name="url" /> 
  7. Some attributes of form controls sizemaxlengthcheckedmultipleplaceholdervaluepattern

HTML Fonts

  1. Fonts play very important role in making a website more user friendly and increasing content readability.
  2. HTML tag to add stylesize, and color to the text on your website.
  3. You can set content font size using size attribute. The range of accepted values is from 1(smallest) to 7(largest). The default size of a font is 3.
  4. You can set font face using face attribute.
  5. You can set font color using color attribute.

HTML Links

  1. A webpage can contain various links that take you directly to other pages and even specific parts of a given page. These links are known as hyperlinks.
  2. Hyperlinks allow visitors to navigate between Web sites by clicking on words, phrases, and images.
  3. A link is specified using HTML tag <a>. This tag is called anchor tag and anything between the opening <a>tag and the closing </a> tag becomes part of the link
  4. Following is the simple syntax to use <a> tag.<a href="Document URL" ... attributes-list>Link Text</a>
  5. target attribute is used to specify the location where linked document is opened. Possible options are
    _blank Opens the linked document in a new window or tab.
    _self Opens the linked document in the same frame.
    _parent Opens the linked document in the parent frame.
    _top Opens the linked document in the full body of the window.
  6. You can set colors of your links, active links and visited links using linkalink and vlink attributes of <body>tag.
  7. You can create text link to make your PDF, or DOC or ZIP files downloadable. This is very simple, you just need to give complete URL of the downloadable file.
  8. It's simple to use an image as hyperlink. We just need to use an image inside hyperlink at the place of text.