Hướng dẫn is html a php?

Tải về bản PDF

Tải về bản PDF

Đây là bài viết hướng dẫn cách tạo một trang web đơn giản với HTML [ngôn ngữ đánh dấu siêu văn bản]. HTML là một trong những thành phần cốt lõi của mạng lưới toàn cầu World Wide Web và tạo nên cấu trúc của các trang web. Sau khi tạo trang web, bạn có thể lưu nó dưới dạng văn bản HTML và xem trên trình duyệt web. Việc tạo trang HTML được thực hiện bằng cách sử dụng chương trình soạn thảo văn bản cơ bản trên máy tính Windows và Mac.

1. 1

   Mở chương trình soạn thảo văn bản. Bạn có thể dùng Notepad hoặc Notepad++ trên máy tính sử dụng hệ điều hành Windows, TextEdit trên hệ điều hành macOS và Text trên hệ điều hành ChromeOS:

2. 2

   Nhập và ấn ↵ Enter. Thao tác này cho trình duyệt web biết đây là văn bản HTML.[1]

3. 3

   Nhập và ấn ↵ Enter. Đây là thẻ mở đầu mã HTML.

4. 4

   Nhập và ấn ↵ Enter. Thẻ này mở phần mở đầu của HTML - phần thông tin mở đầu HTML thường không hiển thị trên trang web. Thông tin này có thể bao gồm tiêu đề, siêu dữ liệu, các trang phong cách CSS và ngôn ngữ kịch bản khác. [2]

5. 5

   Nhập . Đây là thẻ thêm tiêu đề vào trang.

6. 6

   Nhập tiêu đề cho trang. Bạn có thể đặt tiêu đề bất kỳ cho trang web của mình.

7. 7

   Nhập và ấn ↵ Enter. Đây là thẻ đóng thẻ tiêu đề.

8. 8

   Nhập và ấn ↵ Enter. Đây là thẻ đóng phần mở đầu. Mã HTML của bạn sẽ trông giống như sau:

   
   
   
   Trang web của tôi
   
   

1. 1

   Nhập bên dưới thẻ "Head" đã đóng. Đây là thẻ mở phần thân của văn bản HTML. Mọi thứ được nhập trong phần thân HTML đều hiển thị trên trang web.

2. 2

   Nhập

   . Đây là thẻ thêm đề mục vào văn bản HTML. Đề mục là dòng chữ to in đậm thường hiển thị ở phần đầu của văn bản HTML.

3. 3

   Nhập đề mục cho trang. Bạn có thể nhập tiêu đề trang hoặc lời chào.

4. 4

   Nhập sau nội dung của đề mục và ấn ↵ Enter. Đây là thẻ đóng đề mục.

   • Thêm nhiều đề mục khác. Bạn có thể tạo thêm 6 đề mục khác bằng cách sử dụng các thẻ từ
     đến . Các thẻ này tạo đề mục với kích cỡ khác nhau. Ví dụ, để tạo 3 đề mục liền kề với kích cỡ khác nhau, bạn sẽ viết lệnh sau:

     Chào mừng bạn đến với trang web của tôi!
     Tôi là Nam!
     Hi vọng bạn sẽ thích trang web này!
     

   • Đề mục thể hiện sự ưu tiên hoặc tầm quan trọng của nội dung. Tuy nhiên, bạn không cần dùng đề mục cao nếu chỉ muốn dùng đề mục thấp. Bạn có thể dùng ngay đề mục H3, kể cả khi văn bản không có đề mục H1.

5. 5

   Nhập

   . Đây là thẻ mở đoạn văn bản. Đoạn văn bản được dùng để hiển thị nội dung với cỡ chữ thường.

6. 6

   Nhập nội dung. Bạn có thể nhập phần mô tả trang web hoặc bất kỳ nội dung nào mà bạn muốn chia sẻ.

7. 7

   Nhập

   sau nội dung và ấn ↵ Enter. Đây là thẻ đóng đoạn văn bản. Sau đây là ví dụ của đoạn văn bản trong HTML:

   Đây là đoạn nội dung của tôi.
   

   • Bạn có thể thêm nhiều dòng nội dung liên tục để tạo nhiều đoạn dưới một đề mục.
   • Thay đổi màu sắc của nội dung bằng cách đặt nội dung trong thẻ và . Hãy nhập màu sắc yêu thích của bạn vào "color" [vẫn giữ nguyên dấu ngoặc kép]. Bạn có thể thay đổi màu sắc của nội dung bất kỳ [chẳng hạn như đề mục] bằng nhóm thẻ này. Ví dụ, để tạo màu xanh dương cho một đoạn văn bản, bạn sẽ viết mã:

     Cá voi là loài động vật to lớn.

   • Bạn có thể thêm kiểu chữ in đậm, in nghiêng và định dạng văn bản khác bằng cách sử dụng HTML. Sau đây là ví dụ về cách bạn thêm định dạng văn bản bằng thẻ HTML:[3]

     Chữ in đậm
     Chữ in nghiêng
     Chữ gạch dưới
     Chỉ số dưới
     Chỉ số trên
     

   • Nếu bạn sử dụng kiểu chữ in đậm và in nghiêng để nhấn mạnh thay vì chỉ tạo kiểu, hãy dùng thẻ và thay cho và . Thao tác này làm cho trang web trở nên dễ hiểu hơn khi bạn sử dụng các công nghệ như chương trình đọc màn hình [4] hoặc chế độ đọc có trên một số trình duyệt[5].

1. 1

   Thêm hình ảnh vào trang. Bạn có thể thêm hình ảnh vào HTML bằng các bước sau:

   • Nhập

     2

     Liên kết với trang khác. Sau đây là các bước thêm liên kết vào HTML:

     • Nhập

       1

       Chuyển đổi văn bản thành định dạng văn bản thuần túy [chỉ dành cho người dùng Mac]. Nhấp vào trình đơn Format [Định dạng] ở phía trên màn hình, rồi nhấp vào Make Plain Text [Tạo văn bản thuần túy] trong trình đơn đang hiển thị.

       • Bước này không cần thiết và không thể thực hiện được trên Windows.

     • 2

       Nhấp vào File [Tệp]. Đây là lựa chọn trong thanh trình đơn ở phía trên màn hình.

     • 3

       Nhấp vào Save as [Lưu dưới dạng]. Lựa chọn này có trong trình đơn "File" đang hiển thị.

       • Hoặc, bạn có thể ấn Ctrl+S [trên Windows] hoặc ⌘ Command+S [trên Mac].

     • 4

       Đặt tên cho văn bản HTML. Nhập tên bất kỳ cho văn bản vào trường "File name" [Tên tập tin] trên Windows hoặc "Name" [Tên] trên Mac.

     • 5

       Thay đổi định dạng của tập tin. Bạn cần chuyển tập tin văn bản thành tập tin HTML. Sau đây là các bước thay đổi định dạng tập tin:

       • Windows - Nhấp vào khung lựa chọn "Save as type" [Lưu theo định dạng], nhấp vào All Files [Tất cả tập tin], và nhập .html vào sau tên tập tin.
       • MacOS - Thay .txt sau tên tập tin bằng .html.
       • ChromeOS - Nhấp vào nút "Save as" [Lưu dưới dạng]. Nhập .html sau tên tập tin. Bạn có thể đặt tên bất kỳ cho tập tin.

     • 6

       Nhấp vào Save [Lưu]. Đây là nút ở bên dưới cửa sổ. Thao tác này sẽ tạo tập tin HTML.

       • Tập tin HTML thường được mở bằng trình duyệt web mặc định.

     • 7

       Đóng chương trình chỉnh sửa văn bản. Đã đến lúc mở tập tin HTML trong trình duyệt để bạn có thể xem trang web của mình.

     • 8

       Mở văn bản HTML bằng trình duyệt. Trong hầu hết trường hợp, bạn có thể nhấp đúp vào văn bản HTML để thực hiện việc này. Nếu việc nhấp đúp vào văn bản bị lỗi, bạn sẽ thực hiện như sau:

       • Windows - Nhấp phải vào văn bản, chọn Open with [Mở bằng] và nhấp vào trình duyệt mà bạn muốn dùng.
       • Mac - Nhấp vào văn bản một lần, nhấp vào File, chọn Open With và nhấp vào trình duyệt mà bạn muốn dùng.

     • 9

       Chỉnh sửa văn bản HTML nếu cần. Có thể bạn sẽ nhận thấy lỗi trên trang HTML. Để sửa lỗi, bạn cần chỉnh sửa nội dung của văn bản HTML:

       • Trên Windows, bạn có thể nhấp phải vào văn bản và nhấp vào Edit [Chỉnh sửa] trong trình đơn đang hiển thị [nếu bạn đã cài đặt Notepad++, lựa chọn này sẽ là Edit with Notepad++ [Chỉnh sửa bằng Notepad++]].
       • Trên Mac, bạn sẽ nhấp chọn văn bản, rồi nhấp vào File, chọn Open With, và nhấp vào TextEdit. Bạn cũng có thể kéo văn bản vào TextEdit.
       • Trên Chromebook, hãy đóng ứng dụng Text, mở Files, tìm và nhấp vào tập tin của bạn.

Lời khuyên

• Các thẻ phải luôn được đóng với nội dung giống hệt phần mở đầu của thẻ. Ví dụ, thẻ được đóng bằng cách nhập .
• Bạn có thể thêm dòng chữ chạy vào trang web bằng cách sử dụng thẻ , nhưng một số trình duyệt có thể không nhận diện được thẻ này.
• Nhiều người sử dụng Notepad++ để viết và biên dịch mã.
• Nếu muốn đặt ảnh ở giữa trang, bạn có thể nhập sau tên của ảnh trong thẻ img [ví dụ: ].

Cảnh báo

• Tốt nhất bạn nên lưu hình ảnh trên Imgur hoặc trang tương tự nếu muốn thêm ảnh vào trang web của mình. Đăng ảnh của người khác có thể là hành động vi phạm bản quyền.

Về bài wikiHow này

Trang này đã được đọc 94.245 lần.

Bài viết này đã giúp ích cho bạn?