1. HTML là gì?
HTML là viết tắt của Hyper Text Makup Language.Là ngôn ngữ đánh dấu - Không phải là ngôn ngữ lập trình.
HTML là ngôn ngữ cơ sở để các trình duyệt có thể phân tích và hiển thị nội dung website.
Nhờ HTML chúng ta có thể thao tác với các đoạn text, các file image, file media khác.
Học HTML với website giá rẻ
2. Cấu trúc cơ bản
- Tài liệu HTML có đuôi là .html hoặc htm.- Để tạo ra tài liệu HTML ta cần một trình soạn thảo có thể là : Notepad, Notepad++, Dreamviewer....
- Để hiển thị file HTML ta cần có một trình duyệt: IE, Chrome, Safari, Firefox, Method....
- HTML là ngôn ngữ không phân biệt hoa thường.
Thẻ:
- Tài liệu HTML được tạo nên từ các cặp thẻ (tag) có cú pháp như sau:<ten_the thuoc_tinh="gia_tri"> Nội dung </ten_the>
<ten_the>: gọi là thẻ mở.
</ten_the>: gọi là thẻ đóng.
thuoc_tinh="gia_tri" : thuộc tính và giá trị của thuộc tính.
Thuộc tính:
Là tính chất, đặc tính mà thẻ mang theo để trình duyệt hiểu và hiển thị.- Một thẻ bạn có thể đặt thuộc tính hoặc không đặt thuộc tính, khi không đặt thuộc tính thì trình duyệt sẽ hiểu các thuộc tính được đặt mặc định.
- Đặt thuộc tính cho thẻ có thể đặt một hoặc nhiều thuộc tính
- Thuộc tính được đặt ở thẻ mở của html.
ví dụ: Thẻ không đặt thuộc tính: <html></html>, <head></head>
Thẻ một thuộc tính: <body bgcolor="red"></body>
Thẻ nhiều thuộc tính: <body bgcolor="red" border="1px" width="300px"></body>
CẤU TRÚC CỦA MỘT TÀI LIỆU HTML:
<html><head>
<title>Tiêu đề website</title>
</head>
<body>
Nội dung website
</body>
</html>
Cấu trúc của tài liệu HTML gồm 2 phần chính:
a. Phần thẻ HEAD
Là nơi chứa tất cả các phần tử đầu vào của văn bản HTML. Phần tử đầu vào có thể là các script, các đoạn mã hướng dẫn trình duyệt để tìm các tập tin quy định phong cách cho trang web (CSS), cung cấp các thông tin Meta, các mô tả, từ khoá ...Các thẻ sau đây có thể nằm trong thẻ HEAD: <title>, <style>, <meta>, <link>, <script>, <noscript> và <base>.
+ Thẻ <title></title>: là nơi chứa tiêu đề của website.
b. Phần thẻ BODY
Thẻ <body> định nghĩa nội dung chính của trang web ( những nội dung trong thẻ body sẽ được trình duyệt hiển thị lên trang web).Thẻ <body> bao gồm tất cả các thành phần của trang HTML, như text, liên kết, hình ảnh, bảng, danh sách...
3.Chương trình Hello World.
<html>
<title> Hello World</title>
</head>
<body>
Hello World
</body>
</html>
Bài tập thực hành:
- Tạo một trang web html có :Tiêu đề: Tự học HTML với website giá rẻ.
Nội dung: Chào mừng bạn đến với website giá rẻ.
Để thiết kế web tốt các bạn cần nắm vững về html làm cơ sở, trên đây là bài mở đầu, mời các bạn đọc bài 2 các thẻ thông dụng trong HTML:
0 nhận xét:
Đăng nhận xét