PDA

View Full Version : Tự học lập trình web với bài học html cơ bản


Best and cheapest cdn by Spacecdn For more mortgagecapacityassessment consult the experts at http://mortgagecapacityassessment.co.uk For additional local chinese social media visit ashleytalks.

t11nguyen
16-03-17, 11:51 AM
Xin chào các bạn , bài học bữa nay mình muốn chia sẻ tới các bạn đó là về HTML - tổng quan
html là gì ('https://vietpro.net.vn/hoc-html-va-css')

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

HTML được viết bằng thời hạn gì?

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

http://tuhocit.vn/wp-content/uploads/2016/04/2-2-300x214.png

Viết HTML trên Notepad++

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

Tiếp theo chúng ta 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 nông dân chính bắt như sau:


Thẻ là thẻ bao phủ toàn bộ trang web , tất cả các thẻ đều phải được đặt trong thẻ này , thẻ được khai mạc bằng và kết thúc là
Thẻ là thẻ khai mạc của một trang web được khai mạc bằng và kết thúc thẻ là
Thẻ
Thẻ chứa phần thân của trang web nơi mà chúng ta có khả năng viết nội dung cho toàn bộ trang web vào bên trong thẻ này. Thẻ khai mạc là và kết thúc 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ông dân nào rồi đó. Và những thẻ này các bạn phải cần nhớ vì bắt 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 ta bắt đầu viết một đoạn thơ bằng HTML với một số thẻ giản đơn , giúp các bạn làm quen với HTML nhé.


đi 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ẽ Lộ rõ ra như thế này:


http://tuhocit.vn/wp-content/uploads/2016/04/1-2-300x220.png
Tìm hiểu về mô hình mvc trong php ('https://vietpro.net.vn/php-mvc')
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 bào , nhưng sau khi chạy lên bộ duyệt thì sẽ hiển thị không như mình mong muốn.Vậy tại sao lại như thế? do khi chúng ta gõ vào thì bộ duyệt sẽ hiểu là đây chỉ là một đoạn văn bản thông thường thôi.

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

Để chia thành 2 đoạn thơ thì các bạn cần dùng 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ó khả năng chia thành 2 đoạn bài thơ nhưng những dòng trên bài thơ vẫn nằm tiếp nối nhau. Vì thế mỗi lần kết thúc 1 dòng các bạn phải thêm phía sau dòng đó thẻ
để xuống dòng nhé.

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 kết quả như trong hình
http://tuhocit.vn/wp-content/uploads/2016/04/2-3-300x217.png

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.
Giới thiệu về khóa hoc thiet ke web ('https://vietpro.net.vn/hoc-thiet-ke-website-mien-phi.html') miễn phí tại HN.
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 yếu nữa là đừng quên đóng thẻ bằng

và tất cả đều nằm bên trong cặp thẻ nhé .

It is so pleasant to work with experts. Check out this page to find out more regarding dominoqq. In case you're interested in knowing more info on Forex Trading for Beginners, stop by jabaforextraining