Hướng dẫn document in html - tài liệu trong html

  • Trang chủ
  • Hướng dẫn học
  • Hướng dẫn học HTML/HTML5
  • Cách tạo và hiển thị một file HTML

Cách tạo file HTML

Trước tiên ta tạo một file index.txt đơn giản bằng notepad trong Window với nội dung sau:index.txt đơn giản bằng notepad trong Window với nội dung sau:

Hello

Sau đó "Save As" lại file với định dạng mới là .html

Hướng dẫn document in html - tài liệu trong html

Ngoài cách tạo đơn giản trên, chúng ta cũng có thể tạo file HTML trực tiếp thông qua một số ứng dụng như: notepad++, Dreamweaver, ...

Cách hiển thị file HTML

Với cách trên ta đã tạo xong file index.html, để xem nội dung file này ta có thể double click vào file là có thể xem được, nội dung khi file khi chạy trên trình duyệt sẽ hiển thị như sau:index.html, để xem nội dung file này ta có thể double click vào file là có thể xem được, nội dung khi file khi chạy trên trình duyệt sẽ hiển thị như sau:

Add an Image to Your HTML Document là chữ viết tắt của cụm từ Hyper Text Markup Language ( mình hay gọi là Hãm Tài Mập Lùn ).

Place your insertion point where you want to place an image in your document..html

Vậy tại sao không gọi nó là trình soạn thảo văn bảng thôi sao mà đặt nó với cái tên mĩ miều là Siêu văn bản. Không phải tự nhiên nó được phong cái tên vậy mà là nó có thể liên kết các tài liệu lại với nhau, HTML A liên kết với HTML B chỉ 1 dòng lệnh, chưa hết nó còn có thể trang trí nội dung theo ý người dùng bằng việc kết hợp với CSS ( Cong sương sống ) để tạo nên bộ đôi hoàn hảo.

Hiện tại HTML và CSS đã được cải tiến lên HTML5 và CSS3 Việc nắm các thẻ trong HTML rất cần thiết trong SEO.
Việc nắm các thẻ trong HTML rất cần thiết trong SEO.

Cách tạo và mở một file HTML

Trên Windows

Bạn chỉ cần chuột phải open with -> chrome hoặc internet explorer

Trên Mac Os

Mở ứng dụng TextEditor nằm trong ApplicationsTextEditor nằm trong Applications

Hướng dẫn document in html - tài liệu trong html

Chọn New Document

Hướng dẫn document in html - tài liệu trong html

Kế đến bạn có thể nhập bất cứ nội dung gì ví dụ: Đây là file html. BấmCommand + S để save file.

Hướng dẫn document in html - tài liệu trong html

  1. Nội dung
  2. Đặt tên file
  3. Chọn nơi sẽ lưu file
  4. Định dạng file
  5. Bấm Save để tạo file

Để mở một file HTML: bạn sẽ click chuột 2 lần vào file đó hoặc phải chuột chọn Open with -> Safari

Hướng dẫn document in html - tài liệu trong html

Kết quả là bạn sẽ thấy xuất hiện nội dung

Hướng dẫn document in html - tài liệu trong html

Trong nhiệm vụ này

  • BẢN TÓM TẮT

    • Tạo tài liệu HTML của bạn

    • Thêm văn bản và siêu liên kết vào tài liệu HTML của bạn

    • Thêm hình ảnh vào tài liệu HTML của bạn

    • Mở tài liệu HTML trong Word

  • NGƯỜI GIỚI THIỆU

Bài viết này cung cấp một hướng dẫn từng bước về cách tạo tài liệu HTML, bao gồm các mục như gõ văn bản và thêm hình ảnh và siêu liên kết vào tài liệu HTML của bạn.

Tạo tài liệu HTML của bạn

Sử dụng một trong hai phương thức sau để tạo tài liệu HTML mới của bạn.

Phương pháp 1

  1. Bắt đầu Microsoft Word.

  2. Trong khung nhiệm vụ tài liệu mới, nhấp vào Trang web trống dưới Mới.

  3. Trên menu Tệp, nhấp vào Lưu.

    Lưu ý: hộp lưu dưới dạng mặc định vào trang web ( *.htm; *.html).Save as type box defaults to Web Page (*.htm; *.html).

  4. Trong hộp tên tệp, nhập tên tệp mà bạn muốn cho tài liệu của mình, sau đó nhấp vào Lưu.

Phương pháp 2

  1. Bắt đầu Microsoft Word.

  2. Trong khung nhiệm vụ tài liệu mới, nhấp vào Trang web trống dưới Mới.

  3. Trên menu Tệp, nhấp vào Lưu.

  4. Trong hộp tên tệp, nhập tên tệp mà bạn muốn cho tài liệu của mình, sau đó nhấp vào Lưu.

Phương pháp 2

  1. Tạo một tài liệu trống mới.

    1. Trên menu Tệp, nhấp vào Lưu dưới dạng trang web.

    2. Thêm văn bản và siêu liên kết vào tài liệu HTML của bạn

    3. Mở tài liệu HTML mà bạn đã tạo trước đó trong bài viết này. Để làm điều này, hãy làm theo các bước sau:

  2. Trên menu Tệp, nhấp vào Mở.

    Duyệt đến vị trí mà bạn đã lưu bài viết của mình vào phần "Tạo tài liệu HTML của bạn" của bài viết này.

  3. Chọn tệp và sau đó nhấp vào Mở.

  4. Nhập văn bản sau vào tài liệu:

  5. Bạn có thể sử dụng Microsoft Word để tạo tài liệu HTML dễ dàng như bạn có thể tạo các tài liệu từ thông thường.

  6. Để tạo một siêu liên kết, chọn từ "Microsoft Word" trong văn bản mà bạn đã nhập.

Trên menu chèn, nhấp vào siêu liên kết.

  1. Trong hộp thoại Chèn Suplink, nhập http://www.microsoft.com/word trong hộp địa chỉ, sau đó nhấp vào OK.

  2. Lưu các thay đổi của bạn vào tài liệu.

  3. Thêm hình ảnh vào tài liệu HTML của bạn

    Đặt điểm chèn của bạn nơi bạn muốn đặt một hình ảnh vào tài liệu của bạn.

  4. Trên menu chèn, chỉ vào hình ảnh, sau đó nhấp vào clipart.

  5. Trong ngăn Chèn Clipart Task Task, nhấp vào Tìm kiếm.

Lưu ý: Nếu bạn nhấp vào Tìm kiếm mà không cần gõ bất cứ thứ gì vào hộp văn bản tìm kiếm, kết quả tìm kiếm sẽ hiển thị tất cả các hình ảnh hiện có trên hệ thống của bạn.

Trong phần kết quả, chọn hình ảnh mà bạn muốn chèn vào trang.

Lưu các thay đổi của bạn và sau đó đóng tài liệu.

Mở tài liệu HTML trong WordOpen a document. This opens the document directly.

-or-

Làm một điều trong số sau đây.

  1. Trên menu Tệp, nhấp vào Lưu dưới dạng trang web.

  2. Thêm văn bản và siêu liên kết vào tài liệu HTML của bạn

  3. Mở tài liệu HTML mà bạn đã tạo trước đó trong bài viết này. Để làm điều này, hãy làm theo các bước sau:

Trên menu Tệp, nhấp vào Mở.

Duyệt đến vị trí mà bạn đã lưu bài viết của mình vào phần "Tạo tài liệu HTML của bạn" của bài viết này.

  1. Chọn tệp và sau đó nhấp vào Mở.

  2. Nhập văn bản sau vào tài liệu:

  3. Nhấp vào tab Trình hướng dẫn trả lời.

  4. Nhập HTML trong bạn muốn làm gì? Hộp, và sau đó nhấp vào Tìm kiếm.What would you like to do? box, and then click Search.

  5. Các chủ đề liên quan sẽ được hiển thị. Nhấp vào bất kỳ mục nào để hiển thị thông tin.

Bản tóm tắt

Cần thênm trợ giúp?