HỖ TRỢ KINH DOANH
043.7524351
lienhe@tamnguyen.vn
GIỚI THIỆU THIẾT KẾ WEBSITE QUẢNG BÁ WEBSITE DỰ ÁN ĐÃ THIẾT KẾ TIN KHUYẾN MẠI LIÊN HỆ
THÔNG TIN HỮU ÍCH
HỎI ĐÁP THIẾT KẾ WEBSITE
TRANG CHỦ » HỌC THIẾT KẾ WEBSITE
Học thiết kế web với HTML
Ngày đăng: 1/16/2010 7:10:24 PM
Để tiến hành xây dựng 1 trang web thì các bạn nên hiểu cấu trúc 1 website như thế nào và các ngôn ngữ khi thiết lập 1 trang web cơ bản.Hôm nay tamnguyen.vn xin giới thiệu các khái niệm cơ bản về HTML

NGÔN NGỮ HTML

( HYPERTEXT MARKUP LANGUAGE)


Để tiến hành xây dựng 1 trang web thì các bạn nên hiểu cấu trúc 1 website như thế nào và các ngôn ngữ khi thiết lập 1 trang web cơ bản.Hôm nay Tamnguyen.vn xin giới thiệu các khái niệm cơ bản về HTML


I.Các khái niệm cơ bản

n Internet : mạng máy tính toàn cầu, các máy truyền thông với nhau bằng giao thức chung là TCP/IP (Transfer Control Protocol/Internet Protocol)

n Intranet : là mạng cục bộ không nối vào Internet, truyền thông bằng giao thức TCP/IP.

n hình Client-Server: mô hình khách-chủ. Server chứa tài nguyên dùng chung cho nhiều máy Client

n Internet Server: là các Server cung cấp các dịch vụ Internet (Web Server, Mail Server, FTP Server…)

n Internet Service Provider (ISP): Nhà cung cấp dịch vụ Internet cho khách hàng. Mỗi ISP có nhiều khách hàng và có thể có nhiều loại dịch vụ Internet khác nhau.

n Internet Protocol : tiêu chuẩn chi phối việc chuyển tải thông tin giữa các máy tính trong mạng

n World Wide Web (WWW): dịch vụ tra cứu thông tin Internet. Dịch vụ này đưa ra cách truy xuất các tài liệu của các máy phục vụ dễ dàng thông qua các giao tiếp đồ họa. Để sử dụng dịch vụ này máy Client cần có một chương trình gọi là Web Browser.

n Web Browser : trình duyệt Web. Dùng để truy xuất các tài liệu trên các Web Server.

Internet Explorer

Nestcape

n Home page: là trang web đầu tiên trong web site

n Hosting provider: là công ty hoặc tổ chức đưa các trang của chúng ta lên mạng

n Publish: Xuất bản trang web

n Web server là một chương trình đáp ứng yêu cầu truy xuất tài nguyên

n URL(Unioform resource locator): một địa chỉ chỉ đến một file cụ thể trong nguồn tài nguyên mạng.

Ví dụ: 207.46.130.149 được biểu diễn trong URL là www.microsoft.com

URL tuyệt đối – là địa chỉ Internet đầy đủ của một trang hoặc file, bao gồm giao thức, vị trí mạng, đường dẫn tuỳ chọn và tên file.
Ví dụ, http:// www.microsoft.com/ms.htm.

URL tương đối - mô tả ngắn gọn địa chỉ tập tin kết nối có cùng đường dẫn với tập tin hiện hành, URL tương đối đơn giản bao gồm tên và phần mở rộng của tập tin.

n Web là một ứng dụng chạy trên mạng Client-Server, khách và chủ web liên lạc nhau bằng giao thức http (HyperText Transfer Protocol). Các web server cung cấp thông tin được định dạng theo ngôn ngữ HTML

n Web Page: là một file văn bản chứa những tag HTML hoặc những đọan mã đặc biệt mà trình duyệt web có thể hiểu và thông dịch được, file được lưu với phần mở rộng là .html hoặc htm.

n Website: Một tập hợp nhiều web page, thể hiện thông tin của một tổ chức hoặc một chủ đề nào đó

n HTML (HyperText makup Language) gồm các đoạn mã chuẩn được quy ước để thiết kế Web và được hiển thị bởi trình duyệt Web

Hypertext (Hypertext link) là một từ hay một cụm từ đặc biệt dùng để tạo liên kết giữa các trang web

Mark up: là cách định dạng văn bản để trình duyệt hiểu và thông dịch được.

Language: tập những quy luật để định dạng văn bản trên trang web.

n Trình soạn thảo trang web :Có thể soạn thảo web trên bất kỳ trình soạn thảo văn bản nào: Notepad, FrontPage hoặc Dreamweaver.

II. Tag Html

n Cú pháp:

Object

TagName : tên tag HTML, liền với dấu “< “, không có khoảng trắng

Object :đối tượng hiển thị trên trang Web

ListPropeties: danh sách thuộc tính của Tag

n Nếu có nhiều thuộc tính thì các thuộc tính cách nhau khoảng trắng

Object

Ví dụ:

BGCOLOR=”RED” TEXT=“#FFFF00”>

nội dung

Cấu trúc cơ bản của 1 trang web

Nội dung thông tin của trang web

Nội dung hiển thị trên trình duyệt

III.Các Tags HTML cơ bản

    1. : Tạo header, gồm 6 cấp header, được đặt trong phần BODY

    Cú pháp

    Nội dung của Header

    1. : Dùng để ngắt đoạn và bắt đầu đoạn mới

    Cú pháp:

    Nội dung của đoạn


    1. :
      Ngắt dòng tại vị trí của của tag.

    1. : K
      ẻ đường ngang trang

    Cú pháp:


    Size=value color=#rrggbb>

    1. : định dạng font chữ

    Định dạng Font chữ cho cả tài liệu thì đặt tag trong phần

    Định dạng từng phần hoặc từng từ thì đặt tại vị trí muốn định dạng

    Cú pháp:

    Nội dung hiển thị

    1. : Chứa nội dung của trang web

    n Cú pháp:

    Nội dung chính của trang web

    n Các thuộc tính của

    BgColor: thiết lập màu nền của trang

    Text: thiết lập màu chữ

    Link: màu của siêu liên kết

    Vlink: màu của siêu liên kết đã xem qua

    Background: load một hình làm nền cho trang

    LeftMargin: Canh lề trái

    TopMargin: Canh lề trên của trang

    Ví dụ:

    Sau khi tamnguyen.vn giới thiệu các tags cơ bản của html,các bạn có thể dùng wordpad hay notepad để tạo 1 trang web đầu tay của mình như sau:

    text=”yellow”>

    Học thiết kế web cùng tamnguyen.vn

    Tam Nguyên xin phép giới thiệu các bạn các tags tiép theo:

    1. : Chèn một hình ảnh vào trang Web

    Cú pháp:

    of Image” alt=”Text” width=value height=value border=value>

    1. : Chèn một âm thanh vào trangWeb. Âm thanh này sẽ được phát mỗi khi người sử dụng mở trang Web.

    Cú pháp:

    Loop=value>

    1. : Cho phép đưa âm thanh trực tiếp vào trang WEB.

    Cú pháp:

    Ví dụ:

    1. : Điều khiển đối tượng chạy một cách tự động trên trang Web

    Cú pháp:

    Object

    1. : không hiển thị trong trang

    Cú pháp:

    1. : định dạng chữ đậm

    Cú pháp

    Nội dung chữ đậm

    1. Tag : Định dạng chữ nghiêng

    Cú pháp:

    Nội dung chữ nghiêng

    1. Tag : Gạch chân văn bản

    pháp:

    Nội dung chữ gạch chân

    1. Tag : Chỉnh cở chữ to hoặc nhỏ hơn cở chữ xung quanh

    Cú pháp

    Nội dung chữ to

    Nội dung chữ nhỏ

    1. Tag :Đưa chữ lên cao hoặc xuống thấp so với văn bản bình thường

    Cú pháp:

    Nội dung chữ dưa lên cao

    Nội dung chữ đưa xuống thấp

    1. : Gạch ngang văn bản

    Cú pháp:

    Nội dung văn bản bị gạch ngang

    18. :

    Dùng để nhập một dòng mã có định dạng ký tự riêng. Dòng mã này không được thực hiện mà được hiển thị dưới dạng văn bản bình thường

    n Cú pháp:

    Nội dung văn bản muốn định dạng

    n Ví dụ:

    If A < B

    Then

    A = A + 1

    19. : Văn bản được nhấn mạnh (giống tag )

    Cú pháp:

    Văn bản được nhấn mạnh

    20. : Định dạng chữ đậm (giống )

    Cú pháp:

    Văn bản được nhấn mạnh

    21.

    :

    Dùng phân cách một khối văn bản để nhấn mạnh, đoạn văn bản này được tách thành một paragraph riêng, thêm khoảng trắng trên và dưới đoạn đồng thời thụt vào so với lề trái (tương đương chức năng của phím tab)

    Cú pháp:

    Nội dung khối văn bản nhấn mạnh

    22.

    : Giữ nguyên các  định dạng như: ngắt dòng, khoảng cách, thích hợp với việc tạo bảng 
     
    Cú pháp: 
     
     

    Nội dung văn bản cần định dạng trứơc với tất cả định dạng khoảng cách, xuống dòng và ngắt hàng

     
     
      
    Ví dụ: 
     
     
     
     
     

    Trường Đại Học Công Nghiệp TP.HCM

    Khoa Công Nghệ Thông Tin

     
     
     
     
     
      
    23.      
     : Chia văn bản thành các khối, có chung một định dạng 
     
     chia văn bản thành một khối bắt đầu từ một dòng mới. 

    tách khối nhưng không bắt đầu từ một dòng mới

    Cú pháp:

    Nội dung của khối bắt đầu từ một dòng mới

    Đây là một ví dụ Tam Nguyên làm mẫu cho các bạn xem,sau khi đã đọc xog các tags trên:

    Ví dụ:

    Trường Đại Học Công Nghiệp TP.HCM

    Khoa Công Nghệ Thông Tin

    Nội dung của khối trong 1 dòng

    Ví dụ:

    Creating Web Pages

    With HTML

    1. Các ký tự đặc biệt:

    a) Lớn hơn (>): >

    Ví dụ:

    If A > B

    Then

    A = A + 1

    a) Nhỏ hơn (<): <

    Ví dụ:

    If A < B

    Then

    A = A + 1

    c) Cặp nháy””: "

    Ví dụ:

    " To be or not to be? " That is the question

    d) Ký tự và &: &;

    Ví dụ:

    William & Graham went to the fair

    e) Ký tự khoảng trắng: ;

    http://tamnguyen.vn - Chúc các bạn thành công !

Nguồn tin: Sưu tầm
  Ý KIẾN CỦA BẠN
Chọn số sao:        
Họ tên:
Email:
URL:
Mã xác nhận: (Nhập vào đoạn mã bên dưới)
 Nhận xét của bạn


Tin khác cùng chuyên mục:
  Học thiết kế web HTML
  Thuộc tính Hover Text trong HTML
  Cách tạo liên kết (hyper link) tới các trang web khác trong HTML
  Màu của liên kết trong HTML
  Cách trang trí chữ, bố cục một trang web
  Code Chống Save As - click Chuột Phải
  Cú pháp của CSS
  Cách căn giữa trang Web sử dụng CSS
  Tiếng Việt và rắc rối trong lập trình Web
CÔNG TY TNHH CÔNG NGHỆ VÀ TRUYỀN THÔNG TAM NGUYÊN
Địa chỉ: Phòng 1001 tòa nhà RESCO3D khu đô thị Cổ Nhuế, Từ Liêm, Hà Nội
Điện thoại: 043.752.4351 / 043.994.0259 / 0984. 966.806
Email: lienhe@tamnguyen.vn; hotro@tamnguyen.vn
Website: www.tamnguyen.vn; www.quangcaoso.com.vn

Tam Nguyên Media., Co Ltd thiết kế website chuyên nghiệp, thiết kế website đẹp, thiết kế website độc đáo, thiết kế website cao cấp.
Dịch vụ thiết kế website tại Tam Nguyên luôn chú trọng đến chất lượng dịch vụ và tính tương tác của sản phẩm, nhằm đem lại những hiệu quả cao nhất dành cho khách hàng.