Cách Phát Âm Các Tag Mới Trong HTML5

Posted by vkdt at Tuesday, May 19, 2015

 

New Elements in HTML5

Các thành phần mới trong HTML5

<article>  < A tịc kồ > or < át ti kồ >  <Điều>

<aside>  <Ờ sai đ>  <Qua một bên, bên ngoài>

<details>  <Đì theo...>  <Chi tiết>

<dialog>  <Đai ơ lò gờ> or <Đai ờ lóc> <Hộp thoại>

<figcaption>  <Phíc káp sần>  <Cấu hình phụ để>

<figure>  <Phíc dờ>  <Con số>

<footer>  <Phu đờ> or <Phút tờ> <Chân trang>

<header>  <Hét đờ...>  <Đầu trang>

<main>  <Mên nờ...>  <Chính>

<mark>  <Má k>  <Đánh dấu>

<menuitem>  <Mê niu ai tầm>  <Mục trình đơn>

<meter>  <Mi đờ> pr <Mi tờ>  <> <Mét>

<nav> <Náp>  <Điều hướng>

<progress>  <P rồ gét s>  <Tiến độ>

<ruby>  <Ru bì>  <Hồng ngọc>

<section>  <Séck sần>  <Phần, đoạn>

<summary>  <Sâm mờ rì>  <Tóm lược>

<time>  <Tham mờ>  <Thời gian>

<wbr>  <Đấp bờ diu bi a>

<rp>  <A phi>

<rt> <Á thì> or <Á chì>

<bdi>  <Bi đi ai>

New Form Elements

<datalist>

<keygen>

<output>

New Media Elements

<track>

<video>

<source>

<embed>

<audio>

HTML5 Graphics

<svg>

<canvas>

HTML5 - New Attribute Syntax

Single-quoted

Double-quoted

Unquoted

Empty

New Input Types

color

date

datetime

datetime-local

email

month

number

range

search

tel

time

url

week

New Input Attributes

autocomplete

autofocus

form

formaction

formenctype

formmethod

formnovalidate

formtarget

height and width

list

min and max

multiple

pattern (regexp)

placeholder

required

step
------------------------------------------------------------

Xem thêm: Tự vựng chuyên ngành công nghệ thông tin hay

Trang Web Hướng Dẫn Nhanh Về CSS - HTLM Tiếng Anh Hay

Posted by vkdt at Friday, April 03, 2015

 

http://westciv.com

20 Câu Trắc Nghiệm jQuery Quiz

Posted by vkdt at Friday, April 03, 2015

•  

  

   

  Matches all elements that are checked or selected.

  Correct Answer: :checked

• Selects all elements of type checkbox.

  Your Answer: :checkboxAll
  Correct Answer: :checkbox

• Bind an event handler to the "change" JavaScript event on an element.

  Correct Answer: .change()

• Remove a callback or a collection of callbacks from a callback list.

  Your Answer: callbacks.removed()
  Correct Answer: callbacks.remove()

• Determine if the callbacks list has been locked.

  Correct Answer: callbacks.locked()

• Selects all button elements and elements of type button.

  Correct Answer: :button Selector

• Add a callback or a collection of callbacks to a callback list.

  Your Answer: callbacks.list()
  Correct Answer: callbacks.add()

• Disable a callback list from doing anything more.

  Correct Answer: callbacks.disable()

• Determine if the callbacks list has been disabled.

  Correct Answer: callbacks.disabled()

• Determine whether a supplied callback is in a list.

  Your Answer: callbacks.with()
  Correct Answer: callbacks.has()

• Lock a callback list in its current state.

  Your Answer: callbacks.remove()
  Correct Answer: callbacks.lock()

• Remove all of the callbacks from a list.

  Correct Answer: callbacks.empty()

• Call all of the callbacks with the given arguments.

  Your Answer: callbacks.fired()
  Correct Answer: callbacks.fire()

• Determine if the callbacks have already been called at least once.

  Correct Answer: callbacks.fired()

• Call all callbacks in a list with the given context and arguments.

  Correct Answer: callbacks.fireWith()

• What is the correct jQuery code to set the background color of all p elements to red?

  Your Answer: $("p").css("background-color"‚"red");
  Correct Answer: $("p").style("background-color","red");

• The______ method is used to represent an array or an object in serialize manner.

  Your Answer: None of these
  Correct Answer: param()

• How many methods are available in jquery to give fade effect to the elements.

  Your Answer: Four
  Correct Answer: Three

• CDN stands for______

  Your Answer: None of these
  Correct Answer: Content Distribution Network

• There are how many ways to check or unchecked the radio button.

  Your Answer: Four
  Correct Answer: Two

20 Câu Trắc Nghiệm CSS3 Quiz

Posted by vkdt at Friday, April 03, 2015

•  

  

  
  

  Look at the code. What piece of code is missing when make a text shadow?
  #basicTextShadow p { text-shadow: 1px 1px 3px; }

  Your Answer: the text shadow height
  Correct Answer: the color

• Does the box-shadow support all browsers ?

  Correct Answer: False

• ________ is a property that allows developers to add rounded corners on the design elements.

  Correct Answer: border-radius:

• Box-Shadow is a property that allows developers to apply a...

  Your Answer: background:
  Correct Answer: drop-shadow:

• RGBa is written?

  Your Answer: rgba(blue,0.50);
  Correct Answer: rgba(0,0,255,0.8);

• Text Shadow allows you to add?

  Your Answer: text-font:
  Correct Answer: text-shadow:

• If you put a value of 0 for a Border-Radius what will happen?

  Your Answer: The world will end.
  Correct Answer: The Corner will be square.

• Has CSS3 been fully supported by all browsers?

  Your Answer: No
  Correct Answer: Yes

• How can you created rounded corners using CSS3?

  Your Answer: alpha-effect: round-corner;
  Correct Answer: border-radius: 30px;

• How do you add shadow to elements in CSS3?

  Your Answer: alpha-effect[shadow]: 10px 10px 5px grey;
  Correct Answer: box-shadow: 10px 10px 5px grey;

• How to you modify a border image using CSS3?

  Correct Answer: border-image: url(border.png) 30 30 round;

• How to force a word wrap using CSS3?

  Your Answer: text-width: set;
  Correct Answer: word-wrap: break-word;

• What is the new, easier way to import or modify fonts with CSS3?

  Your Answer: font-family: @import \”Sansation_Light.eot\”;
  Correct Answer: @font-face

• Which of these are valid CSS3 transformation statements (select only one):

  Your Answer: simulate()
  Correct Answer: matrix()

• How to re-size/scale objects using CSS3?

  Your Answer: scale: (2,4);
  Correct Answer: transform: scale(2,4);

• How to create transition effects using CSS3?

  Your Answer: alpha-effect: transition (width,2s);
  Correct Answer: transition: width 2s;

• Can you can specify more than one box shadow to an element?

  Your Answer: No
  Correct Answer: Yes

• box-shadow: 5px 5px 5px #888; What does the third value in the declaration specify?

  Your Answer: Y offset
  Correct Answer: Blur radius

• What does the a in RGBa stand for?

  Your Answer: Alphabetic
  Correct Answer: Alpha

• How to resize a background image using CSS3?

  Your Answer: alpha-effect: bg-resize 80px 60px;
  Correct Answer: background-size: 80px 60px;

Trang Web Kiểm Tra Trắc Nghiệm Hay Về CSS3 - HTML5 - JQUERY - JAVASCRIPT

Posted by vkdt at Friday, April 03, 2015

 

 http://www.htmllion.com

Trang Web Tạo Code CSS3 & HTMl5 Hay

Posted by vkdt at Thursday, April 02, 2015

http://tools.webdirections.org

Tổng Hợp Trang Web Làm Hiệu Ứng CSS3

Posted by vkdt at Thursday, April 02, 2015

http://www.awwwards.com

HTML(5) Tutorial

Posted by vkdt at Wednesday, December 31, 2014

With HTML you can create your own Web site. This tutorial teaches you everything about HTML.

HTML is easy to learn - You will enjoy it.

Examples in Every Chapter

This HTML tutorial contains hundreds of HTML examples.
With our online HTML editor, you can edit the HTML, and click on a button to view the result.

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

<body>

  <h1>This is a Heading</h1>

  <p>This is a paragraph.</p>

</body>

</html> 

HTML Examples

At the end of the HTML tutorial, you can find more than 200 examples.
With our online editor, you can edit and test each example yourself.
Go to HTML Examples!

---

HTML Quiz Test

Test your HTML skills at W3Schools!
Start HTML Quiz!

---

HTML References

At W3Schools you will find complete references about tags, attributes, events, color names, entities, character-sets, URL encoding, language codes, HTTP messages, and more.
 

Luyện HTML5 (1)

Posted by vkdt at Saturday, November 08, 2014

• Luyện HTML5 (1)