Thứ Năm, 10 tháng 10, 2013

Bắt đầu học thiết kế web với HTML.

Học thiết kế web với HTML
Bạn vẫn thắc mắc học thiết kế web bắt đầu từ đâu? Câu trả lời là bạn nên bắt đầu Học thiết kế web với HTML. Thành phần cơ bản của HTML, các thẻ của HTML, thiết kế web HTML như thế nào?


Trước tiên các bạn phải biết soạn thảo HTML ở đâu? Windown đã cung cấp cho bạn 1 trình soạn thảo đơn giản để bạn có thể làm bất cứ công việc nào đặc biệt là thiết kế web. Đó là trình soạn thảo Notepad, bạn cũng có thể dùng Notepad++ hoặc dùng Dreamweaver hay bất kỳ một trình soạn thảo nào bạn thấy thích thú. 

Bây giờ bắt đầu tìm hiểu thành phần thẻ HTML

Thẻ HTML dùng để viết lên những thành tố HTML và chúng có những đặc điểm sau:
Thẻ HTML được bao quanh bởi hai dấu lớn hơn < và > nhỏ hơn.
Những thẻ HTML thường có một cặp giống như <b> và </b>
Thẻ thứ nhất là thẻ mở đầu và thẻ thứ hai là thẻ kết thúc.
Dòng chữ ở giữa hai thẻ bắt đầu và kết thúc là nội dung.
Những thẻ HTML không phân biệt in hoa và viết thường, ví dụ dạng <b> và <B> đều như nhau,

Bố cục một trang HTML

Một trang HTML bắt buộc phải có bố cục sau:
<html>
      <head>
            <title></title>
      </head>
      <body>
      </body>
</html>
Trong đó các thẻ <html></html> dùng để đóng và mở 1 trang văn bản HTML
Cặp thẻ <head></head> giới hạn phần đầu trang web bao gồm các thẻ <title></title>, <meta/>,.... để giới thiệu cơ bản về trang web bạn muốn tạo.
Cặp thẻ <body></body> bao gồm nội dung trang web.

Một ví dụ đơn giản về HTML

<html>
      <head>
            <title>Việt Tâm Đức - Xưởng thiết kế web - Truyền nghề cho thợ làm web</title>
      </head>
      <body>
            <h1> Bạn đã sẵn sàng học HTML?</h1>
      </body>
</html>
Những thẻ HTML đều có những thuộc tính riêng. Những thuộc tính này cung cấp thông tin về thành phần HTML của trang web.

Nó xác định thành phần thân của trang HTML: <body>. Với một thuộc tính thêm vào là bgcolor, bạn có thể báo cho trình duyệt biết rằng màu nền của trang này là màu đỏ, giống như sau: <body bgcolor="red"> hoặc <body bgcolor="#E6E6E6"> (#E6E6E6 là giá trị hex của màu)

Thẻ này sẽ xác định dạng bảng HTML:<table> với một thuộc tính đường viền (border), bạn có thể báo cho trình duyệt biết rằng bảng sẽ không có đường viền: <table border="0">

Thuộc tính luôn luôn đi kèm một cặp như name/value: name="value" (tên="giá trị")
thuộc tính luôn luôn được thêm vào thẻ mở đầu của thành phần HTML.
Dấu ngoặc kép, "red" hoặc 'red'

Giá trị thuộc tính nên được đặt trong dấu trích dẫn " và ". Kiểu ngoặc kép như vậy thì phổ biến hơn, tuy nhiên kiểu đơn như ' và ' cũng có thể được dùng.

HTML có khó học không?

Học HTML không khó. Đây là khẳng định không chỉ của riêng cá nhân tôi. Nhưng nếu bạn không có đam mê, sự kiên trì thì chẳng có việc gì dễ. Vậy bạn có cần đến một khóa học HTML chuyên nghiệp không? Câu trả lời là có, tuy dễ nhưng bạn nên tìm cho mình một khóa học chuyên nghiệp để tiết kiệm thời gian. Vì học thiết kế web không chỉ đơn giản là học HTML mà bạn cần những ngôn ngữ lập trình khác. Hãy chuyên nghiệp hóa việc học tập của mình, đó là kinh nghiệm của tôi.
Nếu có bất kỳ điều gì thắc mắc về HTML hay khi bạn muốn tìm hiểu một khóa học. Hãy liên hệ với chúng tôi - Việt Tâm Đức để nhận được sự tư vấn nhiệt tính nhất.


Chúc bạn thành công.

0 nhận xét:

Đăng nhận xét