۩۞–»Diễn đàn 08K1 «–۞۩

Latest topics

» Cách log 2 Acc Shaiya, Gunny, webgame, programs ... một lúc - Sử Dụng Sandbox, zBinz, Auto bow, auto click shaiya
by Pony Fri Nov 14, 2014 9:32 am

» [Share] Code Tuyết rơi cho Website, Forum cực cool!
by phathiendenhat Mon Nov 04, 2013 11:08 am

» Nghe nhạc mọi định dạng trên máy cấu hình yếu - Media Player Classic
by downloadfree Fri Jun 21, 2013 2:10 pm

» Tạo form cập nhật dữ liệu trong foxpro 9
by Pony Mon Feb 25, 2013 3:12 pm

» Một số đề thi Kế toán Tài Chính 3
by cobexabong Wed Jan 23, 2013 4:19 pm

» Công thức Thị trường chứng khoán
by tuanctd Thu Jan 10, 2013 11:04 am

» Tạo đĩa cứu hộ máy tính cực nhanh - DLC Boot 2013 v1.0 (Boot đa năng với Mini Windows XP & Mini Windows 7)
by Pony Mon Dec 17, 2012 7:34 pm

» Bình chọn Clip SV2012 - thứ 5 quay thưởng lấy quà nào!!!
by hoanglongspkt Wed Nov 28, 2012 1:01 pm

» Đề thi tốt nghiệp Kế toán tài chính có giải
by cherrybj Wed Oct 24, 2012 3:32 pm

» [PTS] Nắng hạ nè! ^^
by Pony Sun Oct 07, 2012 10:35 am

» Ai cần tham khảo bài làm FOXPRO thì vào đây !
by winky1306 Mon Oct 01, 2012 3:15 pm

» Tặng mặt nạ dưỡng chất khi mua ví cầm tay tại Eropi
by eropi1308 Sat Sep 22, 2012 11:33 am

» Điểm nhấn cho phong cách thời trang của bạn- Mua lắc tay nhận quà tặng hấp dẫn
by eropi1308 Sat Sep 22, 2012 11:29 am

» got mat tham my
by kenhsieuthi.com Wed Aug 29, 2012 11:39 pm

» Trung Quốc lộ “nanh vuốt” trong tranh chấp Biển Đông
by Pony Sun Aug 12, 2012 12:12 am

» Hãy Cho Anh Cơ Hội [Tặng Kua Ha Long]
by panettin Mon Jul 30, 2012 3:04 am

» [Clip] Lời anh muốn nói - Design by Pony - For My Love
by Pony Tue Jul 10, 2012 8:50 pm

» Kua Ha Long
by panettin Sat Jun 30, 2012 11:23 pm

» [Đề thi] Kế toán tài chính 1, 2, 3
by Pony Fri Jun 15, 2012 11:33 am

» Foxit Reader 2.3 đọc file pdf không cần cài. Chỉ bằng cú click chuột
by Pony Fri Jun 15, 2012 11:27 am


    Sơ lược về mã HTML viết Web- Cho ai mới tìm hiểu

    Share

    Pony
    V.I.P
    V.I.P

    Tên : Nguyễn Tuấn Vũ
    Tâm Trạng : Đang Yêu
    Đến từ : Góc Khuất của tâm hồn !
    Nghề nghiệp : Kết Nối ...
    Posts : 2622
    Points : 6539
    Thanked : 4205
    Châm NgônThà một phút cười rồi bị đánh.
    Còn hơn ngồi rầu rĩ cả trăm năm.
    Giới tính : Nam

    Sơ lược về mã HTML viết Web- Cho ai mới tìm hiểu

    Bài gửi by Pony on Thu Jun 10, 2010 12:06 am

    [You must be registered and logged in to see this image.]

    HTML là ngôn ngữ đánh dấu siêu văn bản với các mã chuẩn cho việc thiết kế trang web. HTML là nền tảng của WWW được hiển thị bởi các trình duyệt web (browser). Mục đích cơ bản của HTML là tạo ra các ấn phẩm điện tử hấp dẫn với các thành phần hyperlink và multimedia.


    1. Khái niệm về tag (thẻ):

    Tag là thành phần cơ bản nhất trong HTML. Tag báo cho trình duyệt biết phải thể hiện cái gì hoặc phải làm gì với đoạn văn bản nào đó. HTML có rất nhiều tag chuẩn và các tag mở rộng của các trình duyệt khác nhau.

    Tag thường chia ra làm 2 loại:
    + Tag chứa: là loại tag gồm hai thành phần mở và đóng.
    Ví dụ: <I> ... </I>, <I> là tag mở còn </I> là tag đóng.

    Đoạn văn bản bị tác động được đặt giữa tag mở và đóng.
    + Tag rỗng: là loại tag chỉ có thành phần mở.
    Ví dụ: <br>
    Bên trong thẻ ngoài tên thẻ còn có các thuộc tính của thẻ và các sự kiện tác động lên thẻ.
    Ví dụ: <IMG src="logo.gif" onclick="alert('Cam on ban da vieng tham'''>.

    2. Tạo trang HTML mẫu:

    Để tạo một trang web ta sử dụng trình soạn thảo Notepad:

    Vào Start\Programs\Accessories\Notepad

    Hoặc vào Start vào Run gõ Notepad rồi OK

    Sau đó bạn nhập nội dung trang web và kết thúc bạn lưu trang này lại với đuôi có phần mở rộng %.htm bằng cách:

    Chọn File\Save as hộp thoại save as hiện ra chọn thư mục Save as type là All File. Sau đó nhập tên trang vào ô File name và nhớ là phải đánh ".htm" sau khi nhập xong tên file bạn muốn lưu OK.

    Ví dụ: Index.htm, Trangchu.htm ...

    Để mở trang web bạn đã tạo, sử dụng trình duyệt Internet Explorer rồi chọn file cần mở hoặc ấn tổ hợp phím Ctrl+O.
    Một tài liệu HTML được chia làm hai phần là phần đầu và phần thân.

    + Phần đầu được dùng để chỉ ra, tiêu đề và một số thông tin khác được dùng cho máy tìm kiếm. Phần đầu được nằm giữa thẻ chứa <HEAD>:

    <HEAD>

    ...

    </HEAD>

    + Phần thân chứa các nội dung sẽ được hiển thị trên trang web, được đặt giữa thẻ chứa <BODY>:

    <BODY>

    ...

    </BODY>

    Để tất cả các trình duyệt web đều hiểu điều đó là tài liệu HTML, thì cần phải bao tất cả bằng thẻ chứa <HTML>"

    <HTML>
    <HEAD>
    ...
    </HEAD>
    <BODY>
    ...
    </BODY>
    </HTML>

    * Trang HTML mẫu:

    <HTML>
    <HEAD>
    <TITLE>Thiet ke Web voi HTML</TITLE>
    </HEAD>
    <BODY>
    Nhập nội dung ở đây
    </BODY>
    </HTML>

    3. Hiển thị đoạn văn trong trang Web:

    Ví dụ một đoạn mã lệnh sau:
    <html>
    <body>
    <p>Doan van thu nhat.</P>
    <p>Doan van thu hai.</P>
    <p>Doan van thu ba.</p>
    <p>Day la vi du trinh bay doan van trong trang Web.</p>
    </body>
    </html>

    Minh họa trang Web khi hiển thị.



    4. Minh họa trang Web thông thường đơn giản:

    <html>
    <body>
    Minh hoa mot trang Web hien thi van ban thong thuong và đon gian su dung cau lenh HTML
    </body>
    </html>

    Hình minh họa:



    5. Đoạn văn trong Website:
    <html>
    <body>
    <p>
    Bo mon CNTT cua truong duoc danh gia la mot trong nhung trung tam tin hoc dau nganh trong ca nuoc.
    </p>
    <p>
    Cong tac gioi thieu viec lam cua nha truong cung duoc chu trong va cong khai voi tat ca sinh vien trong truong.
    </p>
    </body>
    </html>

    Hình minh họa:



    8. Sử dụng Heading:

    <html>
    <body>
    <h1>Su dung heading 1</h1>
    <h2>Su dung heading 2</h2>
    <h3>Su dung heading 3</h3>
    <h4>Su dung heading 4</h4>
    <h5>Su dung heading 5</h5>
    <h6>Su dung heading 6</h6>
    </body>
    </html>

    Hình minh họa:



    9. Căn lề giữa:

    Hình minh họa:

    <html>
    <body>
    <h1 align="center">Tong ket hôi nghi</h1>
    <p>Qua qua trinh hoat dong duoc 10 nam hom nay chung ta cung ngoi lai de ban bac, nhin lai nhung chang duong da qua va dat muc tieu cho nam toi.
    </p>
    </body>
    </html>

    Hình minh họa:



    10. Chèn đường thẳng vào trang web:

    <html>
    <body>
    <p>Vi du minh hoa chen duong thang.</p>
    <hr>
    <p>Vi du minh hoa chen duong thang.</p>
    <hr>
    <p>Vi du minh hoa chen duong thang.</p>
    <hr>
    <p>Vi du minh hoa chen duong thang.</p>
    </body>
    </html>

    Hình minh họa:


    11. Chú thích trong trang Web:

    <html>
    <body>
    <!--Doan van nay se khong duoc hien thi trong trang web-->
    <p>Vi du minh hoa ghi chu thich trong trang Web</p>
    </body>
    </html>

    Hình minh họa:



    12. Thêm màu nền cho trang Web:

    <html>
    <body bgcolor="Green">
    <h2>Minh hoa thay doi hinh nen trang Web</h2>
    </body>
    </html>

    Hình minh họa:



    12. Chèn hình nền vào trang Web:

    <html>
    <body background="background.jpg">
    <h3>Dung hinh anh lam nen cho trang Web</h3>
    <p>Ban can phai co mot hinh anh</p>
    <p>Hinh anh duoc chon lam nen o cung thu muc voi trang Web</p>
    </body>
    </html>

    Hình minh họa:



    14. Các kiểu chữ hiển thị trong trang Web:

    <html>
    <body>

    <b>Kieu chu bold</b>

    <br>

    <strong>Kieu chu strong</strong>

    <br>

    <big>Kieu chu big</big>

    <br>

    <em>Kieu chu emphasized</em>

    <br>

    <i>Kieu chu italic </i>

    <br>

    <small>Kieu chu small</small>

    <br>

    Kieu chu contains

    <sub>Kieu chi so duoi subscript</sub>

    <br>

    Kieu chu contains

    <sup>Kieu chi so tren superscript</sup>

    </body>
    </html>

    Hình minh họa:



    15. Định dạng chữ:

    <html>
    <body>
    <pre>
    Doan van trinh bay trong trang Web.
    Se giu nguyen vi tri khi hien thi va khoang cach cac dong
    </pre>
    <p>
    Doan van sau day se hien thi nhu mot doan ma lap trinh:
    </p>
    <pre>
    for i=1 to n do
    Begin
    Writeln('Day la gia tri thu:',A[i,j]);
    Readln;
    End;
    </pre>
    </body>
    </html>


    ___Chữ ký___________________________________________________________________
    [You must be registered and logged in to see this image.]

    (¯`v´¯)
    .`·.♥.·´
    .¸.·´¸.·´¨) ¸.·*¨)
    (¸.·´ (¸.·´       (¸¸.·¨¯`*·.→ ♥ Cảm ơn Cuộc Sống đã mang em đến bên tôi! ♥←¸¸.·¨¯

    Pony
    V.I.P
    V.I.P

    Tên : Nguyễn Tuấn Vũ
    Tâm Trạng : Đang Yêu
    Đến từ : Góc Khuất của tâm hồn !
    Nghề nghiệp : Kết Nối ...
    Posts : 2622
    Points : 6539
    Thanked : 4205
    Châm NgônThà một phút cười rồi bị đánh.
    Còn hơn ngồi rầu rĩ cả trăm năm.
    Giới tính : Nam

    Re: Sơ lược về mã HTML viết Web- Cho ai mới tìm hiểu

    Bài gửi by Pony on Thu Jun 10, 2010 12:10 am

    Ngoài ra bạn cũng có thể tham khảo tại đây
    [You must be registered and logged in to see this link.]


    ___Chữ ký___________________________________________________________________
    [You must be registered and logged in to see this image.]

    (¯`v´¯)
    .`·.♥.·´
    .¸.·´¸.·´¨) ¸.·*¨)
    (¸.·´ (¸.·´       (¸¸.·¨¯`*·.→ ♥ Cảm ơn Cuộc Sống đã mang em đến bên tôi! ♥←¸¸.·¨¯

      Hôm nay: Tue Dec 06, 2016 9:51 am