Wednesday 4 July 2012

HTML

code button hien thi /an noi dung

//--------------------------------------------------------------------------
<div>
<div>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 75px;" type="button" value="Xem" /></div>
<div>
<div style="display: none;">
{Phần nội dung bị ẩn}</div>
</div>
</div>
//-----------------------------------------------------------------------

EXAMPLE: Demonstrate the definition of a abstract base class
#include <iostream>

using namespace std;

class MyInterface {
    public:
       virtual void Display() = 0;
};

class MyClass1 : public MyInterface {
    public:
       void Display() {
          cout << "MyClass1" << endl;
       }
};

class MyClass2 : public MyInterface {
    public:
       void Display() {
           cout << "MyClass2" << endl;
       }
};

void main()
{
    // MyInterface obj;
    // Error E2352 Interface.cpp 26: Cannot create instance of abstract class 'MyInterace' in function main()
    // Error E2353 Interface.cpp 26: Class 'MyInterface' is abstract because of 'MyInterface::Display() = 0' in function main()
    // *** 2 errors in Compile ***

    MyClass1 obj1;
    obj1.Display();

    MyClass2 obj2;
    obj2.Display();
}

OUTPUT:
MyClass1
MyClass2
//-----------------------------------------------------------------------------
Để xuống dòng trong html củng có nhiều cách, nhưng cách đơn giản nhất là dùng thẻ <br/>, nên nhớ ta vẫn có thể viết <br> nhưng đây không tuân hủ các quy tắc XHTML 

Hầu hết các thẻ quan trọng trong HTML là các thẻ định nghĩa tiêu đề, nội dung và xuống hàng.
Cách tốt nhất để bạn có thể học nhanh ngôn ngữ HTML đó là học thông qua ví dụ, bạn hãy chọn cho mình một trình soạn thảo HTML ưng ý, nó có thể cho phép bạn viết mã HTML một cách tiện lợi và có thể xem trước những gì bạn đang làm.
Sau đây là một số thẻ cơ bản của ngôn ngữ HTML

1. Các thẻ tiêu đề (Headings)

Các thẻ tiêu đề (headings) được định nghĩa từ h1 cho tới h6. Các thẻ này dùng để định nghĩa mức độ quan trọng của các dòng tiêu đề và sự khác nhau về độ lớn của chữ.
<h1>Thẻ H1</h1>
<h2>Thẻ H2</h2>
<h3>Thẻ H3</h3>
<h4>Thẻ H4</h4>
<h5>Thẻ H5</h5>
<h6>Thẻ H6</h6>
Sau mỗi dòng tiêu đề HTML sẽ tự động thêm mới dòng trắng vào trước và sau của dòng tiêu đề.

2. Paragraps

Đoạn văn bản được định nghĩa bởi thẻ <p>.
<p>Nội dung đoạn văn bản.</p>
Tương tự như dòng tiêu đề HTML cũng tự động thêm dòng trắng trước và sau đoạn văn bản

3. Thẻ xuống dòng <br>

Thẻ xuống dòng được sử dụng khi bạn muốn kết thúc một dòng nhưng không muốn bắt đầu một đoạn văn bản. Khi đó chúng ta sử dụng thẻ <br>
<p>Nội dung đoạn văn <br> bắt đầu một dòng mới</p>
Thẻ <br> là một thẻ rỗng do đó nó không có thẻ đóng.

4. Chú thích trong HTML

Chú thích trong HTML dùng để diễn giải hoặc chú thích cho một thẻ HTML hoặc một đoạn mã HTML nào đó. Khi trình duyệt đọc đến dòng chú thích nó sẽ bỏ qua và không hiển thị lên trên trình duyệt. Đoạn chú thích được viết với cấu trúc nhau sau:
<!-- Nội dung chú thích -->

5. Các số thẻ HTML cơ bản khác.

  • <HTML> :Định nghĩa một tài liệu HTML.
  • <body> :Định nghĩa nội dung một văn bản HTML.
  • <p> :Định nghĩa một đoạn văn bản.
  • <br> :Xuống một dòng
  • <hr> :Định nghĩa một đường kẽ ngang.
  • <!-- --> :Định nghĩa dòng chú thích trong HTML.
  • Một số hiệu ứng thẻ < marquee > làm hiệu ứng cho text trong HTML , các bạn cùng xem nhé ! grin

    1/ Text chạy từ phải qua trái
    <marquee ><font size=6 color=blue> nội dung</font></marquee>


    2/ Text chạy từ trái qua phải 
    <marquee direction="right"><font size=6 color=blue>nội dung</font></marquee>


    3/ Text chạy loăng quăng trong màn hình 
    <marquee behavior="alternate"><font size=6 color=blue>nội dung</font></marquee>


    4/ Text chạy lên
    <marquee direction=up><font size=6 color=blue>nội dung</marquee>


    5/ Text chạy xuống
    <marquee direction=down><font size=6 color=blue>nội dung</marquee>


    6/ Text chạy chéo  lên :
    <marquee direction=up><marquee>nội dung</marquee>


    7/ Text chạy chéo xuống
    <marquee direction=down><marquee>nội dung</marquee>


    Lưu ý:
    ++ size=6 hay= mấy là tùy theo ý mình...vd:size=3,=5 tuỳ sở thích mỗi người,
    ++ Phần color=blue hay =mầu gì là tùy theo ý mình...vd:color=red,=Aqua,=Teal tùy sở thích mỗi người
    ++ Phần nội dung mình thích điền cái gì vào đó cũng đc.
    ++ Các bạn có thể phối hợp với các mã lệnh để thêm phần sinh động: mã lệnh là những :< marquee >
    < marquee direction="right" > nói chung là tùy bạn biến hóa các mã lệnh,lắp ghép cái này với cái kia lại với nhau.

No comments:

Post a Comment