Cách tạo một trang web chỉ trong vài giờ

Tạo một trang web không hề khó. Trong bài viết này, chúng ta sẽ tìm hiểu những điều cơ bản về tạo trang html và cách tạo danh sách bao gồm nhỏ. Tiếp theo, chúng ta sẽ thảo luận về cách sử dụng html>-gắn thẻ để đánh dấu văn bản. Cuối cùng, chúng tôi sẽ chỉ cho bạn cách tạo một trang web chỉ trong vài giờ. Chúng tôi cũng sẽ đề cập đến một số kỹ thuật hữu ích khác.

Tạo một trang html

HTML là ngôn ngữ được sử dụng để xây dựng các trang web. Nó xác định cấu trúc của trang web và CSS kiểm soát cách hiển thị nội dung. Không khó để tạo một trang HTML cơ bản. Dưới đây là hướng dẫn từng bước để bắt đầu. Khi bạn có một trang HTML cơ bản, bạn đã sẵn sàng để tạo những cái phức tạp và năng động hơn. Để bắt đầu, bạn sẽ cần một trình soạn thảo văn bản và trình duyệt web.

Bạn cũng có thể sử dụng trình xử lý văn bản như MS Word để tạo nội dung cho trang web của mình. Bạn có thể sử dụng siêu liên kết để kết nối văn bản với nhau. Bạn cũng có thể lưu tệp dưới dạng tệp html, một trang web. Phương pháp này hoạt động tốt, nhưng các trang bạn tạo theo cách này rất lớn và trông không đẹp mắt trong cửa sổ trình duyệt. Nhược điểm duy nhất của phương pháp này là bạn phải học cách sử dụng các công cụ có sẵn.

HTML là một ngôn ngữ đánh dấu, điều đó có nghĩa là bạn cần bao gồm các thẻ để định dạng nội dung trên trang. Mỗi thẻ đại diện cho một trong các thành phần của trang. Thẻ được xác định bằng dấu ngoặc nhọn. Một số thành phần chỉ yêu cầu một thẻ, trong khi những người khác yêu cầu hai. Thẻ đóng có chứa dấu gạch chéo về phía trước. Ví dụ, thẻ đoạn văn tạo ra một phần tử được gọi là đoạn văn. Văn bản ở giữa thẻ mở và thẻ đóng tạo thành văn bản đoạn văn. Tương tự, thẻ ul tạo một danh sách không có thứ tự.

Tạo danh sách bao gồm nhỏ

Tạo một phần bao gồm nhỏ là một cách hiệu quả để liên kết các phần tử khác nhau trên cùng một trang web. Một trang HTML có thể được chia thành nhiều phần phụ, với mỗi phần chứa danh sách các phần tử. Những yếu tố này phục vụ các mục đích khác nhau. Bạn có thể sử dụng thuộc tính type để hiển thị thứ tự bảng chữ cái. Bạn cũng có thể sử dụng chữ cái viết thường để tạo danh sách các phần tử có chữ cái a, b, hoặc c.

Thêm một phần tử thật dễ dàng. Một tài liệu HTML đơn giản chứa các thẻ xác định nội dung của nó. Các thẻ này thường đi theo cặp. Thẻ mở được sử dụng để liệt kê các phần tử bên trong nó, trong khi thẻ đóng đóng phần tử. Thẻ mở đầu, hoặc đầu, bao gồm thông tin mô tả về tài liệu. Thông tin này có thể bao gồm tiêu đề, thông tin về bảng định kiểu, kịch bản, hoặc thông tin meta. Thẻ đóng, Mặt khác, đóng phần tử.

Sử dụng html>-nhãn

Html>-thẻ được sử dụng để xác định vùng nội dung chính của tài liệu HTML. Vùng nội dung chính bao gồm văn bản liên quan đến chủ đề hoặc chức năng trung tâm của trang. Nó phải là duy nhất so với nội dung khác trên trang web. Nội dung khác có thể xuất hiện trên trang dưới dạng thanh bên, liên kết điều hướng, thông tin bản quyền, logo trang web, và các hình thức tìm kiếm. Một trang HTML phải tuân theo html>-thẻ được coi là một trang HTML.

Thuộc tính href= mở phần tử liên kết. Sau khi “=” dấu hiệu, bạn nên dán URL của liên kết. Bạn cũng có thể sử dụng nhiều dòng đoạn văn trong một tiêu đề. Dấu ngoặc đóng là bắt buộc. Điều này sẽ ngăn các liên kết của bạn bị hiểu sai. Để làm cho trang html dễ đọc hơn, thêm một liên kết đến trang web của bạn. Html>-thẻ sẽ cho phép bạn thêm các liên kết trỏ đến một trang web khác.

Một tệp HTML sẽ có phần mở rộng là a.html sẽ cho máy tính của bạn biết đó là tệp HTML. Tốt nhất nên dùng dấu gạch nối thay vì dấu cách, vì khoảng trắng sẽ ngăn trình duyệt web tìm thấy tệp. Khi bạn đã hoàn tất việc tạo một trang HTML, bạn sẽ phải lưu nó. Tiếp theo, điều hướng đến thư mục chứa tệp HTML và nhấp chuột phải vào nó. Nó sẽ xuất hiện tương tự như ảnh chụp màn hình bên dưới.

Sử dụng html>-gắn thẻ để đánh dấu văn bản

Bạn có thể sử dụng dấu> thẻ để đánh dấu văn bản trong tài liệu HTML. Đó là một HTML tương đối mới 5 tính năng, và nó xác định phần được đánh dấu của đoạn văn. Dấu hiệu> thẻ hoạt động bằng cách thay đổi thuộc tính màu nền của tài liệu HTML cơ bản. Dấu hiệu> thẻ hỗ trợ cả Thuộc tính toàn cầu và Sự kiện. Nó sẽ đánh dấu văn bản màu vàng hoặc đen. Cũng có thể thay đổi màu của văn bản trong tệp CSS cơ bản.

Hầu hết trình đọc màn hình không thông báo phần tử đánh dấu, nhưng bạn có thể sử dụng thuộc tính nội dung CSS hoặc các phần tử giả.trước và.sau để làm nổi bật văn bản nào bạn muốn làm nổi bật. Thông báo dài dòng và thêm thông tin không cần thiết vào trang, vì vậy bạn nên sử dụng chúng một cách tiết kiệm. Ví dụ, bạn có thể sử dụng thông báo để đánh dấu cụm từ tìm kiếm hoặc chặn dấu ngoặc kép. Thông báo được hỗ trợ bởi tất cả các trình duyệt chính.

Ngoài phong cách màu nền, bạn có thể sử dụng 'highlightme’ lớp để đánh dấu văn bản trong tài liệu HTML của bạn. Kiểu màu nền được hỗ trợ bởi tất cả các trình duyệt. Bạn cũng có thể sử dụng từ 'màu vàng’ thay vì mã màu. Bạn có thể sử dụng cùng một mã để đánh dấu một đoạn văn hoặc phần văn bản. Bạn cũng có thể sử dụng các lớp CSS để đánh dấu văn bản.

Sử dụng html>-gắn thẻ để tạo danh sách bao gồm nhỏ

Html>-thẻ được sử dụng để tạo danh sách bao gồm nhỏ. Nó chứa thẻ đóng tương ứng và tên của phần tử là chữ thường. Tài liệu HTML được mã hóa bằng mã hóa ký tự UTF-8, hỗ trợ bao gồm các ký tự Unicode. Khi sử dụng html>-nhãn, hãy chắc chắn chọn UTF-8 trong “lưu dưới dạng” hộp thoại.

Sử dụng html>-thẻ để thêm danh sách bao gồm nhỏ vào trang HTML thật dễ dàng. Bạn có thể sử dụng thẻ này cho bất kỳ phần tử nào hỗ trợ danh sách không có thứ tự. Bạn thậm chí có thể sử dụng danh sách không có thứ tự cho menu điều hướng. Phần tử dl bao gồm danh sách các cặp thuật ngữ và mô tả. Các mục trong danh sách theo thứ tự được hiển thị với bộ đếm tăng dần ở bên trái. Bạn cũng có thể bỏ qua phần tử dl nếu mục danh sách được theo sau bởi phần tử khác.

Một cách khác để chèn danh sách bao gồm nhỏ là thêm phần tử chân trang vào tài liệu HTML. Phần tử này đại diện cho phần chân trang của nội dung phân đoạn gần nhất. Nó thường chứa thông tin về tác giả, dữ liệu bản quyền, hoặc liên kết đến các tài liệu liên quan. Sử dụng html>-thẻ để tạo danh sách bao gồm nhỏ trên trang HTML

Sử dụng html>-thẻ để làm nổi bật các khối văn bản riêng lẻ

HTML5 làm nổi bật các khối văn bản riêng lẻ bằng dấu> yếu tố. Thẻ HTML5 này thay đổi màu của nội dung trong nguồn thành một màu vàng hoặc đen nhất định, cho phép người đọc phân biệt văn bản quan trọng. Nó cũng có thể được sử dụng để chỉ ra các phần nội dung cần được chú ý hơn các văn bản khác. Dấu hiệu> phần tử hỗ trợ Thuộc tính toàn cầu và Thuộc tính sự kiện trong HTML. Khi sử dụng đúng cách, thẻ HTML5 này có thể nâng cao khả năng đọc của trang web.

Tiêu chuẩn HTML4 không dùng nữa các thẻ cấp ký tự kiểu vật lý. Họ giải quyết việc trình bày, và tốt hơn là sử dụng CSS cho những mục đích này. HTML5 đã giới thiệu lại chúng. Chúng không còn bị phản đối nữa, nhưng chúng vẫn không phải là cách duy nhất để làm nổi bật các khối văn bản riêng lẻ. Sử dụng CSS để làm nổi bật từng khối văn bản bằng HTML5! Phương pháp đơn giản này sẽ làm nổi bật các khối văn bản riêng lẻ trong một phần nội dung.

Trôi nổi: Bạn có thể sử dụng thuộc tính CSS này để thả nổi một phần tử sang cạnh trái hoặc phải của phần tử chứa. Nó có thể được sử dụng để tạo lưới hoặc cột. Bạn cũng có thể sử dụng thuộc tính CSS có tên float để thả nổi iframe hoặc hình ảnh sang lề trái hoặc phải của trình duyệt. Các thuộc tính này giúp làm nổi bật các khối riêng lẻ bằng CSS dễ dàng hơn.