Trang Chủ Xã hội Truyền thông Cách Thiết lập một trang Web với HTML5 - những con cần có

Cách Thiết lập một trang Web với HTML5 - những con cần có

Mục lục:

Video: [Bài 12 - Website Bán Hàng] Hướng dẫn Thiết kế giao diện website đẹp bằng HTML5 và CSS3 2025

Video: [Bài 12 - Website Bán Hàng] Hướng dẫn Thiết kế giao diện website đẹp bằng HTML5 và CSS3 2025
Anonim

Cho dù bạn là một nhà thiết kế trang web có kinh nghiệm hay không nhiều, bạn có thể xây dựng một trang HTML5 cơ bản khá dễ dàng. Chỉ cần mở bất kỳ trình soạn thảo văn bản nào và thêm mã sau:

basic. html

Cấp 1 Tiêu đề

Đây là một đoạn văn. Lưu ý rằng văn bản được tự động bọc.

Mã này tạo ra trang này:

Để xây dựng một trang HTML5 cơ bản, hãy làm theo các bước sau:

  1. Bắt đầu bằng loại doctype.

    Thiết lập loại doctype thành HTML5 với thẻ này: trên dòng đầu tiên của trang web của bạn. Nếu bạn bỏ mặc điều này, bạn vẫn có thể sử dụng các tính năng của HTML5, nhưng người xác nhận sẽ phải đoán xem bạn đang sử dụng XHTML hoặc HTML5 hay không. (Tham khảo bất kỳ số lượng phim khoa học viễn tưởng để xem những gì xảy ra khi máy tính đoán ra được về mọi thứ.)

  2. Thêm thẻ và chỉ định ngôn ngữ.

    Thẻ đặc biệt này cho biết sự bắt đầu của một trang web. Tốt nhất là chỉ ra ngôn ngữ mà trang được viết bằng. Chỉ rõ lang = "en" cho tiếng Anh.

    Đảm bảo có một thẻ tương ứng ở cuối trang để cho biết kết thúc trang bạn đã bắt đầu bằng thẻ ở đầu trang.

  3. Tạo vùng.

    Đầu giống như khoang động cơ của một chiếc xe hơi. Người ta thường không đến đó, nhưng có rất nhiều máy móc quan trọng. Đầu là rỗng trong ví dụ đơn giản này, nhưng nó sẽ đầy đủ với JavaScript và CSS tốt đẹp đủ sớm.

  4. Xác định bộ ký tự.

    Đây được coi là hình thức tốt để cho trình duyệt biết loại ký tự nào cần sử dụng khi hiển thị trang của bạn. Các trang được viết bằng tiếng Anh thường sử dụng UTF-8, do đó chỉ ra điều này với: .

  5. Ẩn mã của bạn.

    Mặc dù các trình duyệt không quan tâm nếu bạn thụt lề, nếu bạn làm điều đó mỗi khi bạn mở một phần tử mới không bị đóng trên cùng một dòng, bạn có thể xếp các thẻ bắt đầu và kết thúc để đảm bảo rằng trang đó là tốt hình thành và rằng bạn đã không bỏ lỡ bất kỳ thẻ kết thúc.

  6. Thêm nhận xét.

    Các nhận xét không bắt buộc, nhưng chúng rất tốt. Nhận xét HTML bắt đầu bằng

  7. Đặt tiêu đề với .

    Tiêu đề thường xuất hiện trên thanh tiêu đề của trình duyệt web và cũng thường xuất hiện trong kết quả của công cụ tìm kiếm cho trang của bạn.

  8. Bao gồm phần lớn trang trong thẻ.

    Nếu khu vực đầu là khoang động cơ, cơ thể là không gian hành khách. Hầu hết các văn bản có thể nhìn thấy trên trang web là một phần của cơ thể. Thẻ thường nằm ngay trước thẻ, vì bạn sẽ hoàn thành phần cơ thể và sau đó đóng mã HTML.

  9. Sử dụng các thẻ tiêu đề để mô tả phác thảo của bạn.

    Thẻ đầu đề tất cả bắt đầu bằng h, tiếp theo là một số cho biết sức mạnh của tiêu đề -

    ví dụ. Tất cả các chủ đề chính của bạn phải được đánh dấu bởi các tiêu đề cấp một. Subtopics nên được cấp hai tiêu đề (

    ). Các cấp độ tiêu đề đi đến h6, nhưng nó là bất thường để sử dụng bất cứ điều gì nhỏ hơn mức 3.

  10. Đặt hầu hết các văn bản vào đoạn văn.

    Đặt mỗi đoạn bên trong một cặp. Mặc dù HTML không yêu cầu sử dụng các thẻ đoạn văn, nhưng chúng làm cho việc quản lý giao diện và hành vi của văn bản trở nên dễ dàng hơn rất nhiều.

  11. Lưu tệp của bạn với . html .

    Sau đó, bạn có thể tải tệp của mình vào trình duyệt để xem nó trông như thế nào.

Một số yếu tố (đặc biệt là các tiêu đề) có khuynh hướng có một phong cách thị giác cụ thể. Phong cách mặc định cũng giống như hướng dẫn. Tránh sự cám dỗ để chọn tiêu đề dựa trên sự xuất hiện của họ.

Cách Thiết lập một trang Web với HTML5 - những con cần có

Lựa chọn của người biên tập

Mang quà Hostess - núm vú

Mang quà Hostess - núm vú

Khi bạn được mời đến nhà của người khác, cho chủ nhà một món quà nhỏ được gọi là quà tặng chủ nhà) luôn là một cử chỉ tốt đẹp, ngay cả khi lời mời không hướng dẫn bạn. Với một chai rượu vang, một cây có hoa, hoặc một món ăn ngon thì đây là một cách đáng để bạn thể hiện sự đánh giá cao của bạn và thể hiện sự xuất sắc của khách mời ...

Trao quyền cho bản thân bằng cách tốt - những con voi

Trao quyền cho bản thân bằng cách tốt - những con voi

Dù bạn gọi nó là gì - cách cư xử, lịch thiệp, nghi thức, bạn có thể kết hợp nó với sự lãnh đạo. Khi bạn dẫn đầu trong việc làm cho mọi người dễ dàng và làm cho mọi tình huống dễ chịu, bạn thể hiện sự cân bằng. Sự trầm cảm đến từ sự tự tin. Trong khí hậu ngày nay, nghi thức và tục tĩu đôi khi được coi là hổ thẹn. Những người khác xem ...

Nhận ra nỗ lực của Người cao tuổi để giấu cảm xúc khó chịu - những con voi

Nhận ra nỗ lực của Người cao tuổi để giấu cảm xúc khó chịu - những con voi

Con người thường tự bảo vệ bản thân mình khỏi nỗi đau của riêng mình cảm xúc (bao gồm lo lắng, oán giận, thất vọng và trầm cảm) bằng cách che giấu những cảm xúc này - từ bản thân và từ người khác. Họ thường làm như vậy mà không hề biết rằng họ đang làm việc đó. Người cao niên cũng không ngoại lệ. Ẩn cảm xúc không phải lúc nào cũng là điều xấu - có thể là ...

Lựa chọn của người biên tập

Mạng Cisco: Mô hình OSI Lớp 5 - Lớp Session - Dummies

Mạng Cisco: Mô hình OSI Lớp 5 - Lớp Session - Dummies

Lớp phiên của Kết nối Hệ thống Mở (Open System Interconnection) (OSI) mô tả cách thức dữ liệu được định dạng giữa các thiết bị ở hai bên của liên kết. Đây là cách thức hiệu quả trong việc duy trì kênh mở giữa hai thiết bị. Tuy nhiên, ở các mức thấp của mô hình OSI, không có kết nối vĩnh viễn, nhưng ...

Cisco Các mạng: Gói - núm vú

Cisco Các mạng: Gói - núm vú

Các bộ chứa dữ liệu được gọi là các khung trong lớp liên kết dữ liệu (Lớp 2) và các gói trong lớp mạng (lớp 3). Trong lớp mạng, bạn chỉ nhìn vào phần của khung được gọi là dữ liệu trong khung Ethernet. Khi khung Ethernet di chuyển lên từ lớp liên kết dữ liệu tới ...

Cisco Mạng: Mô hình Mô hình Mạng OSI - núm vú

Cisco Mạng: Mô hình Mô hình Mạng OSI - núm vú

Tổ chức Tiêu chuẩn hoá Quốc tế (ISO) thiết bị phải được thiết kế để giao tiếp với nhau. ISO đã đề xuất mô hình mạng cho phép truyền thông này diễn ra, và mặc dù điều này là tốt từ một mức độ lý thuyết, nó không phải luôn luôn theo sau, đặc biệt là kể từ khi nó được xuất bản sau nhiều mạng ...

Lựa chọn của người biên tập

Lập trình Java cho Android: Cài đặt Công cụ Phần mềm để Bắt đầu - những người có đầu

Lập trình Java cho Android: Cài đặt Công cụ Phần mềm để Bắt đầu - những người có đầu

Trước khi bạn có thể viết Các chương trình Java cho các thiết bị Android, bạn cần một số công cụ phần mềm. Nếu bạn là một tay cũ để cài đặt phần mềm, và nếu máy tính của bạn không phải là quirky, các bước này có lẽ sẽ phục vụ bạn tốt. Truy cập trang web Lập trình Java dành cho Nhà phát triển Android for Dummies và tải xuống tệp có chứa các ví dụ về chương trình. Truy cập Java ...

Java Lập trình Thách thức: Thực hiện lại Tháp Hà Nội - đầu

Java Lập trình Thách thức: Thực hiện lại Tháp Hà Nội - đầu

Thách thức này giúp bạn sử dụng tài năng lập trình của mình để viết một chương trình Java sẽ in các bước cần thiết để giải quyết một tháp Towers của Hà Nội puzzle cho số lượng đĩa. Tháp Hà Nội là một câu đố logic cổ điển bao gồm ba chốt đứng và một số đĩa có đường kính khác nhau. Mỗi

Java: lặp lại và For Vòng lặp - núm vú

Java: lặp lại và For Vòng lặp - núm vú

Trong Java, giống như trong thế giới thực, có rất nhiều lần khi bạn lặp lại một cái gì đó. Tương tự như vậy, các ứng dụng có nhu cầu lặp lại nhiệm vụ. Thực hiện chúng một lần là không đủ, trong một số trường hợp. Chương này giúp bạn hiểu cách thực hiện cùng một nhiệm vụ nhiều lần. Một vòng lặp lặp đi lặp lại bao gồm một cấu trúc đặc biệt theo dõi khi nào ...