HTML cơ bản - bước đầu học thiết kế web

Thảo luận trong 'Thiết kế - Giới thiệu website' bắt đầu bởi t11nguyen, 17 Tháng ba 2017.

  1. t11nguyen

    t11nguyen Member Thành viên

    Bài viết:
    141
    Đã được thích:
    0
    Diendanraovataz.net - Diễn đàn rao vặt - Đăng tin mua bán - Quảng cáo miễn phí - Hiệu quả - Xin chào các bạn , bài học hôm nay mình muốn san sẻ tới các bạn đó là về HTML -

    HTML là chữ tắt của HyperText Markup Language.HTML dùng để tạo nên bố cục của giao diện website. Nó thừa thãi thẻ khác nhau và mỗi thẻ sẽ có những nhiệm vụ nhất định.
    tổng quan

    HTML được viết bằng Các quy định gì?


    Nếu là người mới bắt đầu học về HTML thì các bạn có thể dùng Notepad++ để viết sau đó lưu lại thành file đuôi .html và chạy file đó trên một trình duyệt.

    [​IMG]

    Viết HTML trên Notepad++

    Tuy nhiên , Notepad quá đơn giản cho mục tiêu viết html nên khi các bạn đã viết thành thạo thì sẽ đổi sang một Các quy định khác để viết , mình sẽ giới thiệu với các bạn Các quy định viết html chuyên nghiệp trong bài viết khác

    Tiếp theo chúng tôi tìm hiểu bố cục của HTML:
    XHTML








    Trong một trang web viết HTML thì bố cục được chia 3 thành phần chính buộc như sau:

    1. Thẻ là thẻ bao trùm tất trang web , tất thảy các thẻ đều phải được đặt trong thẻ này , thẻ được mở đầu bằng và chấm dứt là
    2. Thẻ là thẻ mở đầu của một trang web được mở đầu bằng và chấm dứt thẻ là
    3. Thẻ
    4. Thẻ chứa phần thân của trang web nơi mà chúng tôi có thể viết nội dung cho tất trang web vào bên trong thẻ này. Thẻ mở đầu là và chấm dứt vẫn là
    Đến đây các bạn đã hiểu một trang HTML gồm có những thành phần nào rồi đó. Và những thẻ này các bạn phải cần nhớ vì buộc lúc vào viết HTML đều phải có bố cục giống như trên , không được thiếu phần nào nhé.
    Ở phần trước các bạn đã tìm hiểu tổng quan về HTML. Phần này chúng tôi bắt đầu viết một đoạn thơ bằng HTML với một số thẻ đơn giản , giúp các bạn làm quen với HTML nhé.



    hàng đầu hãy bật Notepad++ lên và viết 2 đoạn thơ vào trong thẻ như sau:





    Con cò bé bé
    Nó đậu cành tre
    Đi không hỏi mẹ
    Biết đi đường nào
    Con cò bé bé
    Nó đậu cành tre
    Đi không hỏi mẹ
    Biết đi đường nào


    Tiếp theo các bạn lưu file này lại với tên Baitho.html và chạy thử trên một trình duyệt sẽ xuất hiện như thế này:



    [​IMG]
    Các bạn thấy đó , sau khi gõ xong 2 đoạn thơ mỗi đoạn có 4 dòng và giữa 2 đoạn có một khoảng Tám loại âm thanh: kim , nhưng sau khi chạy lên trình duyệt thì sẽ hiển thị không như mình mong muốn.Vậy vì sao lại như thế? bởi vì khi chúng tôi gõ vào thì trình duyệt sẽ hiểu là đây chỉ là một đoạn văn bản bình thường thôi.

    Để viết đoạn thơ như trên thì chúng tôi phải dùng thẻ trong HTML để định dạng cho nó.

    Để chia thành 2 đoạn thơ thì các bạn Cần thiết thẻ

    Nội dung cần viết

    . Thẻ
    là để phân chia nội dung theo từng đoạn .

    Nếu dùng thẻ

    thì vẫn chưa đủ , vì chỉ có thể chia thành 2 đoạn bài thơ nhưng những dòng trên bài thơ vẫn nằm nối tiếp nhau. Bởi thế mỗi lần chấm dứt 1 dòng các bạn phải thêm phía sau dòng đó thẻ
    để xuống dòng nhé.
    Giới thiệu về khóa học thiết kế web miễn phí tại HN.
    Và đây là code:







    Con cò bé bé

    Nó đậu cành tre

    Đi không hỏi mẹ

    Biết đi đường nào



    Con cò bé bé

    Nó đậu cành tre

    Đi không hỏi mẹ

    Biết đi đường nào




    Sau khi viết xong các bạn save lại và chạy lại file Baitho.html để xem Cuối cùng như trong hình
    [​IMG]


    Giờ thì bài thơ đã được chia thành 2 đoạn và mỗi đoạn có 4 dòng theo ý muốn rồi đấy.
    Lời kết:

    Sau khi xem bài viết này các bạn chỉ cần nhớ cho mình là: thẻ

    dùng để phân chia đoạn văn bản.Còn khi bạn muốn xuống dòng thì chỉ việc thêm thẻ
    vào cuối dòng nhé , thẻ
    thì không có thẻ đóng. Điều quan trọng nữa là đừng quên đóng thẻ bằng

    và tất thảy đều nằm bên trong cặp thẻ nhé .
     
    Cùng đọc NỘI QUY DIỄN ĐÀN và ý thức thực hiện cùng BQT xây dựng cộng đồng thêm vững mạnh bạn nhé
    ***** Xin đừng Spam vì một diễn đàn trong sạch *****
Địa chỉ thu mua do cu ho chi minh uy tín, Official Premium Account Reseller Premiumkeystore.com Easily, Instant delivery & Trusted.

Chia sẻ trang này