Hướng dẫn design web page using html5 tag - thiết kế trang web bằng thẻ html5
|
Tạo một trang web đơn giản với HTML 5 Show Để bắt đầu với thiết kế web và HTML5, ý tưởng tốt nhất là nhảy vào một số mã với thiết kế và cấu trúc trang web đơn giản. Bài viết này sẽ trình bày một số mã HTML5 cơ bản và giải thích cách thức hoạt động của nó. Chúng tôi cũng sẽ mô tả từng thẻ cơ bản và giải thích cách bạn có thể tải trang HTML5 mới của bạn lên máy chủ web của bạn. Mở trình soạn thảo văn bản yêu thích của bạn Có một số biên tập viên văn bản trên thị trường. Chẳng hạn, NotePad ++ là một trình soạn thảo văn bản mã hóa Cú pháp HTML. Dreamweaver cũng là một biên tập viên phổ biến giúp làm việc dễ dàng hơn với bố cục. Notepad ++ là miễn phí, vì vậy có lẽ bạn là lựa chọn tốt nhất để bắt đầu. Hãy chắc chắn rằng bạn có cú pháp được đặt thành HTML, vì vậy trình soạn thảo biết cách làm việc với các thẻ của bạn và mã màu chính xác của chúng. Mã màu là phổ biến với lập trình để giúp bạn đọc nội dung nhanh hơn. Ví dụ, văn bản màu xanh lá cây được hiểu trên toàn cầu là một phần bình luận. Mã màu nâu được đặt cho các thẻ HTML và tên thuộc tính HTML có màu đỏ. Giá trị thuộc tính có màu xanh. Trang web HTML5 đầu tiên của bạn Khi trình soạn thảo của bạn mở, bạn có thể sao chép và dán mã HTML5 sau đây vào trang HTML mới. Tiêu đề trang web của bạn!DOCTYPE html> Nội dung bạn muốn hiển thị cho người dùng.body> Hãy phân tích từng dòng trang này, vì vậy bạn có thể hiểu cách HTML5 hoạt động. Mã trên là một trang web cơ bản, không rườm rà, nhưng cấu trúc của nó rất quan trọng khi bạn muốn xây dựng các trang của riêng mình. Các thẻ HTML bạn thấy trong trang trên được sử dụng trong mỗi trang trên trang web của riêng bạn. Dòng mã đầu tiên là doctype. Về mặt kỹ thuật, bạn có thể loại trừ thẻ này và trình duyệt sẽ cố gắng giải mã phiên bản HTML trong trang. Tuy nhiên, tốt nhất là rõ ràng thay vì dựa vào trình phân tích cú pháp. DocType này là cụ thể cho HTML5. Các phiên bản trước của HTML có các thẻ doctype khác nhau, vì vậy bạn chỉ có thể sử dụng DocType này nếu bạn đang sử dụng HTML5. Thẻ tiếp theo là thẻ HTML mở. Bạn sẽ nhận thấy rằng mỗi thẻ HTML có thẻ đóng. "/Tagname" luôn là thẻ đóng và phải có thẻ mở phù hợp. Nói cách khác, "" là thẻ HTML mở và nó phải có thẻ "" đóng để khớp. Nếu bạn không có thẻ mở và đóng đúng, các trang của bạn có thể không hiển thị đúng trong trình duyệt của khách truy cập. Hãy chuyển sang thẻ. Thẻ đầu là nơi một số cài đặt được chỉ định. Bạn không cần bất cứ thứ gì trong thẻ đầu và về mặt kỹ thuật, bạn có thể loại trừ nó khỏi các trang của mình hoàn toàn. Tuy nhiên, thẻ đầu chứa tiêu đề, liên kết đến các kiểu và tệp CSS và bất kỳ tệp JS bên ngoài nào bạn sử dụng trong mã của mình. & nbsp; Trong ví dụ này, thẻ đầu chỉ chứa tiêu đề. Tiêu đề cũng là một thẻ được chỉ định với các thẻ và mở và đóng. Trong các thẻ mở và đóng, bạn đặt văn bản tiêu đề của mình. Chúng tôi đã thêm "Tiêu đề trang web của bạn" trong các thẻ và đây là nội dung hiển thị trong trình duyệt của người dùng. Bạn chỉ nên có một thẻ tiêu đề trong các trang của bạn. Nhiều thẻ là lỗi cú pháp và nó có thể ảnh hưởng đến cách người dùng xem trang của bạn cũng như nhầm lẫn các bot công cụ tìm kiếm. Thẻ cuối cùng trong ví dụ của chúng tôi là thẻ. Các thẻ cơ thể mở và đóng là nơi tất cả nội dung của bạn được thêm vào. Hình ảnh, văn bản, video và âm thanh đều được thêm vào trong các thẻ cơ thể. Trong ví dụ này, văn bản "Nội dung bạn muốn hiển thị cho người dùng" hiển thị trong trình duyệt. Trong các chương sau, bạn sẽ học cách cách điệu văn bản này và thêm các thuộc tính khác vào các trang web của bạn. Các yếu tố văn bản cơ bản Có một số thẻ văn bản mà bạn có thể sử dụng để cách điệu nội dung của mình. Bạn có thể in nghiêng, táo bạo hoặc gạch chân văn bản. Bạn cũng có thể đặt kích thước văn bản, màu sắc và phông chữ trực tiếp trong HTML hoặc sử dụng CSS. Cách thích hợp để cách điệu văn bản là sử dụng CSS, nhưng thật tốt cho bạn để biết cách chỉnh sửa các kiểu văn bản bằng HTML. Bạn có thể cần chỉnh sửa mã của người khác, vì vậy thật tốt khi hiểu cách đọc các thẻ HTML này. Một trong những yếu tố văn bản phổ biến nhất là thẻ hoặc thẻ đoạn văn. Thẻ đoạn văn cho phép bạn phân tách các kiểu giữa nội dung của bạn. Chẳng hạn, bạn có thể muốn in đậm một đoạn văn để đặt nó khác biệt với nội dung khác trên trang web. Bạn có thể làm điều này bằng cách sử dụng thẻ (in đậm) hoặc sử dụng thẻ đoạn văn với các kiểu CSS tương ứng để in đậm nội dung. Sử dụng ví dụ tương tự như trên, mã sau đây kết thúc văn bản trong thẻ đoạn văn. Tiêu đề trang web của bạn!DOCTYPE html> Nội dung bạn muốn hiển thị cho người dùng.body> Hãy phân tích từng dòng trang này, vì vậy bạn có thể hiểu cách HTML5 hoạt động. Mã trên là một trang web cơ bản, không rườm rà, nhưng cấu trúc của nó rất quan trọng khi bạn muốn xây dựng các trang của riêng mình. Các thẻ HTML bạn thấy trong trang trên được sử dụng trong mỗi trang trên trang web của riêng bạn. Một số thẻ phổ biến khác cho văn bản là, và thẻ. Bạn cũng có thể sử dụng thẻ thay vì thẻ (in đậm). Cả hai thẻ và các thẻ chỉ ra rằng văn bản quan trọng nên được định dạng in đậm. Thẻ in nghiêng văn bản. Bạn có thể làm tổ và gắn thẻ để hiển thị văn bản in đậm, in nghiêng. Mã sau đây cung cấp cho bạn một ví dụ về các thẻ lồng nhau. <!DOCTYPE html> HTML5 trong thiết kế web là gì?HTML 5 là bản sửa đổi của ngôn ngữ đánh dấu siêu văn bản (HTML), ngôn ngữ lập trình tiêu chuẩn để mô tả nội dung và sự xuất hiện của các trang web. HTML5 được phát triển để giải quyết các vấn đề tương thích ảnh hưởng đến tiêu chuẩn hiện tại, HTML4.a revision of the Hypertext Markup Language (HTML), the standard programming language for describing the contents and appearance of Web pages. HTML5 was developed to solve compatibility problems that affect the current standard, HTML4.
Các thẻ 5 HTML là gì?Bây giờ chúng ta hãy nhìn vào 10 thẻ đó!.. Mạnh - Phần tử gốc..... Tiết - đầu tài liệu..... Tiết - Tiêu đề trang..... Mạnh - Nội dung của trang..... Tiết - một phần tiêu đề..... … - Một đoạn văn..... … - Đường dẫn..... - Một tấm ảnh.. Thẻ nào được sử dụng để thiết kế một trang web?Đặt toàn bộ tài liệu vào phần tử gốc HTML bằng cách thêm thẻ bắt đầu ở đầu và thẻ kết thúc ở cuối văn bản.Tiếp theo, tạo đầu tài liệu chứa tiêu đề cho trang. start tag at the very beginning and an end tag at the end of the text. Next, create the document head that contains the title for the page.
HTML5 giải thích với ví dụ là gì?Thuật ngữ HTML5 có nghĩa là không chỉ HTML, nó là sự kết hợp của HTML, CSS và JavaScript với API.Ví dụ: bản vẽ và hoạt hình bằng cách sử dụng vải, lưu trữ ngoại tuyến, microdata, âm thanh và video, kéo và thả, định vị địa lý, phông chữ nhúng, API Web, v.v. HTML5 bao gồm các thẻ ngữ nghĩa mới và một số thẻ cũ (với định nghĩa lại). |
