Mã chương trình HTML. Khái niệm cơ bản về HTML

Nhiều ngôn ngữ đã được phát minh nhưng HTML là một trong những ngôn ngữ đặc biệt và phổ biến nhất. Nhiều phát triển quan trọng khác trong lập trình có liên quan đến nó. Nhiều điều sẽ trở nên khả thi khi tâm trí của nhà phát triển có kiến ​​thức về ngôn ngữ đánh dấu - Ngôn ngữ đánh dấu siêu văn bản (HTML).

Về bản chất, HTML không có gì phức tạp và trong vài phút nữa, bất kỳ ai không quen với lập trình và Internet đều có thể tạo một trang HTML trong Notepad. Một tấm gương đáng được chú ý, sự đơn giản mà mọi người thực sự dễ tiếp cận.

mô tả chung

Tệp HTML là một trang của trang web, mặc dù điều này có thể được tranh luận, nhưng thực tế là một tệp tạo nên một trang là điều rõ ràng ngay từ đầu.

Tệp HTML bắt đầu bằng tiêu đề DOCTYPE, cho biết loại tập tin này- HTML. Tất cả các thành phần trang (thẻ) được chỉ định trong dấu ngoặc nhọn. Mỗi cặp ("<» и «>") bao gồm một thẻ HTML. Thông thường các thẻ HTML đi theo cặp, nghĩa là, với mỗi “thẻ” có một “/tag”. Cả hai đều được đặt trong dấu ngoặc nhọn. Có các thẻ đơn, thẻ phổ biến nhất là “br/” - chuyển sang dòng tiếp theo.

Thẻ lớn nhất trong tệp là HTML, chỉ chứa hai thẻ: HEAD và BODY. Trong cái đầu tiên được thực hiện mô tả khác nhau, liên kết tới cái khác trang bắt buộc tập tin có thể có mặt Tập lệnh PHP và JavaScript. Cái thứ hai ghi lại nội dung của trang. Cũng ở dạng thẻ và tập lệnh.

Trang HTML đơn giản

Một ví dụ về việc tạo một trang như vậy được đưa ra dưới đây trong bài viết. Chúng ta hãy nhìn vào nó một cách cẩn thận.

phần ĐẦU

Mục đích chính - mô tả chung các trang và các tập lệnh chung, mặc dù cái sau là một khái niệm khá tương đối. Thông thường, chỉ có hai điều được coi trọng ở đây:

• từ khóa và mô tả trang;
• liên kết đến các tệp khác (*.css và *.js).

Để hiển thị nội dung nội dung trang phần này chỉ có ý nghĩa gián tiếp, vì nó chỉ ra: ở đâu đó trong các tập tin khác có Quy tắc CSS cho các thẻ và tập lệnh của các ngôn ngữ khác.

Một trang HTML có một trang được hiển thị khi khách truy cập di chuyển chuột đến tab nơi trang được mở. Cái này tâm điểm, vì nó làm cho trang trở nên dễ trình bày hơn, dễ nói hơn, được ký bằng văn bản dễ đọc hơn đáng kể.

Thẻ META rất quan trọng trong lập trình Internet nói chung, nhưng khi bạn cần tạo một trang HTML trong Notepad, không nên làm lộn xộn ví dụ với các cấu trúc không cần thiết.

Nếu cần tiếp cận tập lệnh sau khi kiến ​​thức về HTML đã được thiết lập thì Cascading Style Sheets cần được giải quyết ngay lập tức. TRONG Tệp CSSĐặc biệt, các quy tắc định dạng thẻ HTML được đưa ra.

phần CƠ THỂ

Trên thực tế, trang HTML mẫu là phần CƠ THỂ. Đây là nơi chứa tất cả thông tin, tất cả nội dung của trang web. Tất cả thông tin được trình bày dưới dạng thẻ và tập lệnh, ví dụ như chèn mã JavaScript hoặc các đoạn chương trình PHP.

Điều quan trọng là phải hiểu rằng một ví dụ các trang web HTML trong trình duyệt và ví dụ tương tự trong trình soạn thảo văn bản, đặc biệt là notepad, không giống nhau. Trong trường hợp đầu tiên, chúng ta có một văn bản HTML làm sẵn trong đó tất cả các tập lệnh được thực thi. Ví dụ: PHP đã thực hiện phần việc của mình và hình thành mã của nó ở đúng vị trí thẻ cần thiết. JavaScript cũng đã hoàn thành sứ mệnh của mình, mặc dù nó vẫn còn được thảo luận riêng.

HTML là thẻ, không phải tập lệnh. Cuối cùng, chỉ có nội dung của trang được hiển thị trong trình duyệt, chỉ có các thẻ của trang đó. Không có mã PHP ở đó.

JavaScript ở một vị trí đặc biệt, mối quan tâm của nó là phục vụ trang không chỉ tại thời điểm tải (quá tải) mà còn tại thời điểm trang ở trong trình duyệt của khách truy cập và anh ta đang nghiên cứu nó.

Một ví dụ đơn giản (chỉ phần BODY) được hiển thị bên dưới.

Và trong trình duyệt của khách truy cập, nó trông như thế này:

Mã không chỉ định các phần tử mà trình duyệt sẽ hiển thị sẽ trông như thế nào. Tất cả thiết kế có thể nhìn thấy trong Quy tắc CSS. TRONG trong trường hợp này trong tệp Mcss/scPhpWordRW.css đã được liên kết (xem ví dụ đầu tiên về trang HTML).

Không giống như HTML, chủ đề CSS đơn giản hơn, có các quy tắc rất dễ tiếp cận và số lượng của chúng rất ít, khi ví dụ về tạo trang HTML không yêu cầu bất cứ thứ gì ngoài notepad. Mọi thứ đều rất dễ tiếp cận để làm chủ ngay lập tức:

Điều này cho thấy thẻ scLogo_vDoc được mô tả đơn giản như thế nào và mô tả này sao cho ở trạng thái bình thường, thẻ hiển thị hình ảnh vDoc-logo.png và khi di chuột qua nó, vDoc-logo-h.png sẽ được hiển thị.

Cấu trúc mô tả HTML

Ngôn ngữ không ngụ ý bất kỳ cấu trúc nào và khái niệm cú pháp ở đây rất tương đối. Không có biến số, nhưng có rất nhiều khả năng. Cơ sở cơ bản của siêu văn bản là có một phần tử (thẻ) nhất thiết phải có tên.

Tên, trong trường hợp thẻ được ghép nối, được tạo thành từ chính tên (tagName) và dấu ngoặc nhọn (“<» + tagName +«>"), Nếu như Chúng ta đang nói về về sự bắt đầu của thẻ và ""nếu phần cuối của nó được ghi lại.

Một trang HTML mẫu mô tả các thuộc tính nằm bên dưới văn bản.

Một thẻ có thể có các thuộc tính, trong trường hợp đó chúng được đặt với khoảng trắng sau tên thẻ trước dấu ngoặc nhọn ">". Các thuộc tính, nếu có trong thẻ, chỉ được ghi ở đầu thẻ. Nội dung của thẻ được coi là nội dung nằm giữa phần đầu và phần cuối của thẻ.

HTML cho phép bạn mô tả khối và phần tử nội tuyến. Cái trước chiếm một khu vực nhất định trong cửa sổ trình duyệt, có thể được định vị tuyệt đối, nghĩa là ở vị trí mong muốn trong khu vực hiển thị trang HTML và có kích thước cụ thể.

Các phần tử nội tuyến trong trường hợp chungđược hiển thị trong một luồng, nghĩa là chúng được chỉ định trong tệp trang, chúng được hiển thị trên màn hình. Việc hiển thị luồng tổng thể có thể bị ảnh hưởng khi tải trang. Về vị trí, khả năng hiển thị và các thuộc tính khác khối phần tử có thể bị ảnh hưởng bất cứ lúc nào thông qua mã JavaScript.

Bên cạnh đó yếu tố đơn giản,HTML cung cấp để mô tả các bảng và biểu mẫu. Những yếu tố này đang có nhu cầu lớn trong việc “xây dựng trang web hàng ngày”.

Mô tả bảng: các thẻ BẢNG, TR, TD

Sử dụng thẻ TABLE, bạn có thể tạo một bảng, chỉ định một số hàng TR nhất định và một số ô TD nhất định trong mỗi hàng. Không giống như cách tổ chức dạng bảng thông thường, do đặc thù của đánh dấu HTML, việc tổ chức dạng bảng bị giới hạn trong phần khai báo này, do đó, nếu nhà phát triển muốn có một bảng hình chữ nhật trong đó số cột ở tất cả các hàng là như nhau thì anh ta phải tự mình giám sát việc này.

Vị trí nguyên tắc của HTML là thực hiện mọi thứ được chỉ định nhưng không có gì là không hiểu. Trong một số trường hợp, số cột trên mỗi hàng của bảng không quá quan trọng nhưng nếu cần gộp các ô theo chiều dọc hoặc chiều ngang thì bạn sẽ phải tính toán mọi thứ thật cẩn thận.

Một trang HTML mẫu mô tả một bảng đơn giản được hiển thị rõ ràng trong bài viết.

Hiển thị ở đây là một bảng gồm ba hàng ba cột và ở hàng đầu tiên, thay vì thẻ TD, thẻ TH đã được sử dụng - tiêu đề cột. Hai thẻ này không khác nhau nhiều nhưng hoàn toàn có thể sử dụng thẻ đầu tiên để phân biệt hàng đầu tiên của bảng và trong CSS bạn có thể đính kèm phong cách riêng, điều này khiến nó khác biệt với các TD khác.

Mô tả biểu mẫu: thẻ FORM, INPUT

Biểu mẫu là phần phổ biến nhất của thẻ HTML. Sử dụng các hình thức bạn có thể chuyển thông tin. Trên thực tế, bản thân trang là đầu ra của thông tin nhưng hình thức là đầu vào của thông tin.

Trang HTML mẫu mô tả một biểu mẫu đơn giản:

Có nhiều tùy chọn hơn để sử dụng biểu mẫu, nhưng đây là những khả năng chính. Bạn có thể chỉ định các trường đầu vào, gán cho chúng một thiết kế và trình xử lý để phân tích dữ liệu do người dùng nhập. Bạn có thể chỉ định các trường ẩn và truyền thông tin cơ bản từ trang. Bạn có thể chỉ định các nút để truyền thông tin, nhấp vào nút đó sẽ bắt đầu quá trình truyền thông tin.

Sử dụng HTML

Biết ngôn ngữ siêu văn bản là một công việc thuộc bất kỳ chuyên ngành nào trong lĩnh vực lập trình Internet, nhưng nếu bạn cần viết chương trình bằng PHP hoặc JavaScript, thì bạn cần phải biết HTML + CSS một cách hoàn hảo.

Ngôn ngữ PHP đã được chỉ ra trong ví dụ trước. PHP chạy trên máy chủ, vì vậy trang có dạng này sẽ bay từ máy chủ đến trình duyệt với các trường được điền vào. Đặc biệt, hàm TestOnBlur được đề cập trong thẻ INPUT (trình xử lý sự kiện onblur) đã nhận tất cả các tham số dưới dạng trường văn bản.

JavaScript chạy trên trình duyệt và để nút gửi dữ liệu trở lại máy chủ hoạt động chính xác, tức là cấu trúc: onclick=jQuery("#to").val("cart"), bạn cần phải có một ý tưởng không chỉ về jQuery là gì mà còn về #to, val, cart là gì. Chính xác hơn, bạn cần biết các thẻ HTML cơ bản và quy tắc chungứng dụng cho họ Kiểu CSS.

Điều này là khá đủ để nhanh chóng nâng cao trình độ của bạn ở bất kỳ chuyên ngành nào trong lĩnh vực lập trình Internet.

Đi khắp các vùng đất rộng lớn Mạng toàn cầu, bạn có thể nhận thấy sự khác biệt như thế nào thiết kế và khả năng của các trang web. Nhưng không phải ai trong số các bạn cũng biết rằng tất cả sự đa dạng này đều được thực hiện trên cơ sở ngôn ngữ. HTML.

Mọi thứ bạn nhìn thấy trên trang - văn bản, hình ảnh, bảng biểu và các yếu tố khác hình thành nên nội dung ngữ nghĩa của trang web, được gọi là nội dung, được tạo bằng ngôn ngữ đánh dấu HTML. Nhấp chuột phải vào bất kỳ trang web nào và chọn mục từ menu thả xuống "chế độ xem HTML mã số" hoặc « Nguồn» - sẽ xuất hiện soạn thảo văn bản với các biểu tượng và biểu tượng mà bạn không thể hiểu được - đây là HTML-mã trang.

Bất kỳ tài liệu WWW nào cũng có thể chứa văn bản, đồ họa và siêu liên kết được cách điệu và định dạng tới các tài nguyên Internet khác nhau. Để nhận ra tất cả những khả năng này, nó đã được phát triển ngôn ngữ đặc biệt mô tả các tài liệu WWW được gọi là Ngôn ngữ đánh dấu siêu văn bản (HTML),đó là, Ngôn ngữ đánh dấu siêu văn bản.

Mô tả trang web trên ngôn ngữ HTML là một tập hợp các hướng dẫn được giải thích bởi một chương trình trình duyệt.

Một tài liệu được viết bằng HTML là tập tin văn bản, chứa văn bản thực tế mang thông tin đến người đọc và các thẻ đánh dấu. Thẻ là chuỗi ký tự được xác định theo tiêu chuẩn HTML dùng làm hướng dẫn cho trình duyệt.

Theo những hướng dẫn này, chương trình sẽ đặt văn bản lên màn hình và bao gồm các hình ảnh được lưu trữ trong các thư mục riêng biệt. tập tin đồ họa và tạo các siêu liên kết với các tài liệu hoặc tài nguyên Internet khác. Do đó, một tệp HTML chỉ xuất hiện dưới dạng một tài liệu Web khi nó được trình duyệt diễn giải.

Tuy nhiên, có một lỗ hổng đáng kể trong ngôn ngữ HTML tiêu chuẩn. Ví dụ: để mô tả bố cục các đoạn trong nội dung và thiết kế của chúng, cần phải mô tả các thuộc tính này cho từng đoạn, ngay cả khi có 10 hoặc 20 đoạn trên một trang. Và hãy tưởng tượng rằng trang web có thể có 100 trang. Kết quả là bạn cần chèn cùng một đoạn mã HTML vào trang hai mươi hoặc hai trăm lần, làm tăng kích thước tệp.

Thật là đau đầu cho các lập trình viên! Để giúp cuộc sống của những quản trị viên web nghèo trở nên dễ dàng hơn, chúng đã được phát minh Bảng định kiểu xếp tầng (CSS)- Cascading Style Sheets.

CSS hoạt động theo cách khác, tiện lợi và tiết kiệm hơn. Để thiết kế các đoạn văn trong nội dung trang, một mã hoặc kiểu thiết kế sẽ được viết một lần. Mã hoặc mô tả kiểu này được lưu trong tập tin riêng biệt. Hơn nữa nó chỉ cần thiết khi Trợ giúp HTMLđánh dấu văn bản thành các đoạn văn và CSS sẽ đảm nhận việc thiết kế chúng. Mã được giảm hàng chục, hàng trăm lần.

Việc đặt các mô tả về kiểu trong một tệp riêng biệt rất thuận tiện, đặc biệt nếu trang web có nhiều trang. Ví dụ, để thay đổi thiết kế nội thất tất cả các đoạn văn trên trang web, chỉ cần thay đổi mã trong biểu định kiểu.

CSS cùng với HTML có thể tạo ra những điều kỳ diệu, tất cả là nhờ vào sự phân công lao động trong việc tạo ra các trang web. Việc đánh dấu các thành phần trang dựa trên HTML và thiết kế trực quan các phần tử được đưa ra bằng bảng CSS

Bảng định kiểu CSS- nỗ lực tách các chi tiết của thiết kế trang khỏi cấu trúc và nội dung của nó.

Hiện tại, đây là một lá thư tiếng Trung dành cho bạn. Nhưng tôi sẽ không giả vờ là một bậc thầy và viết một bài hướng dẫn khác “HTML và CSS là gì”. Bạn sẽ tìm thấy cả đống thông tin tương tự trên Internet, cùng với nhiều sách giáo khoa đã xuất bản. Nếu bạn muốn đi sâu hơn vào chủ đề, lá cờ nằm ​​trong tay bạn. Đừng sợ, HTML Và CSS rất đơn giản và bất kỳ ấm trà nào cũng có thể làm chủ được chúng. Nhưng vẫn chưa cần phải vội vàng làm điều này.

Qua trải nghiệm riêng Tôi biết rằng tốt hơn hết là đừng để bộ não của ấm trà bị quá tải với những thông tin không cần thiết, nếu không, tức là. bộ não sẽ sôi sục trước thời hạn. Đừng tin những kẻ thông minh trên nhiều trang web cho rằng việc tạo một trang web cần phải bắt đầu bằng việc học HTML và CSS. Tôi có cho bạn Tin tốt– bạn không cần phải tự viết mã HTML, bởi vì người thông minh nghĩ ra CMS .

< Как работает браузер

Và nó được dịch là “ngôn ngữ đánh dấu siêu văn bản”. Siêu văn bản là một phương pháp đặc biệt để điều hướng các trang Internet, được thực hiện dưới dạng liên kết siêu văn bản. Bằng cách nhấp vào các liên kết này, bạn có thể dễ dàng điều hướng cấu trúc trang web. Sự chuyển tiếp trong trường hợp này không xảy ra tuyến tính, tức là bạn luôn có cơ hội truy cập bất kỳ trang nào của trang web, liên kết đến trang đó hiển thị trong khoảnh khắc này.

Đánh dấu đề cập đến các quy tắc và thuộc tính nhất định được gán cho các thành phần trang. Chúng được thực hiện dưới dạng cái gọi là thẻ. Ví dụ, để chỉ ra rằng văn bản cụ thể trên trang phải được đặt ở giữa; nó có thể được đánh dấu bằng thẻ ở giữa. Xem mã HTML trang cụ thể có thể thông qua anh ấy danh mục. Ví dụ: để truy cập mã này trong Trình duyệt Firefox bạn cần nhấp chuột phải vào trang và chọn “Mã nguồn trang”.

Mã HTML hoạt động như thế nào?

Mã HTML là một tập hợp các thẻ ngắn chứa các thành phần trang. Tất cả mã này được lưu trữ trong một tệp có phần mở rộng .html hoặc .htm. Khi bạn mở một tệp như vậy trong trình duyệt, mã sẽ được nó giải thích và trang hoàn thành sẽ được hiển thị trong cửa sổ chương trình. Biết ngôn ngữ đánh dấu HTML, tạo nên trang riêng Hầu như ai cũng có thể.

Các loại thẻ là gì?

Thẻ là các cấu trúc riêng biệt trong mã HTML. Đây là văn bản đơn giản được đặt bên trong dấu ngoặc nhọn "". Bạn có thể thấy các thẻ trong mã HTML của hầu hết mọi trang. Bản thân các thẻ không được hiển thị trên các trang; chúng hiển thị một phần tử cụ thể được mã hóa bằng thẻ. Ví dụ: nếu có một hình ảnh trên trang thì mã HTML của nó sẽ chứa thẻ img.

Hạn chế về HTML

Mặc dù thực tế là mã HTML cho phép bạn xây dựng một trang siêu văn bản chất lượng khá cao nhưng nó vẫn có những hạn chế. Các trang chỉ chứa mã như vậy là tĩnh, tức là. họ thiếu động lực, hiệu ứng đặc biệt và các khả năng khác. Nhưng chúng có thể được giới thiệu bằng các ngôn ngữ khác, chẳng hạn như Java Script. Phần lớn các trang web hiện đại được tạo bằng cách sử dụng ngôn ngữ bổ sung, khiến chúng trở nên sinh động và tương tác hơn.

Mỗi trang web có cấu trúc chung mã html cơ bản. Cùng xem những mã html cơ bản nhất của các trang website

Code Html của website (trang web) đơn giản nhất:

Chữtrang

Trong mã trang web, trường hợp chữ cái không quan trọng; bạn có thể viết cả “HTML, BODY…” và “html, body…”.

T ví dụ Và phục vụ để đảm bảo rằng mã tài liệu được nhận dạng là html.

– cho biết “phần đầu” của trang bắt đầu – tiêu đề trang và thông tin kỹ thuật của nó.

– tiêu đề trang. Nội dung được viết giữa hai thẻ này sẽ được hiển thị trong tiêu đề trình duyệt.

– phần “đầu” của trang đã kết thúc.

Có thẻ mở <тег> và đóng cửa . Có những thẻ không cần phải đóng. Một số thẻ dù không được đóng cũng không gây ra lỗi nhưng luôn đóng nếu cần đóng.

văn bản trang – giữa các thẻ này có tất cả nội dung của trang – văn bản, hình ảnh, liên kết, v.v.

– tài liệu đã kết thúc. Thông thường đây là t tag y cối xay được thêm vào cuối tài liệu.

Thẻ định dạng văn bản

-

- đây là những tiêu đề.

Làm sao số nhỏ hơn, font chữ trong tiêu đề càng lớn thì bạn có thể điều chỉnh kích thước của từng loại tiêu đề. Người ta tin rằng thẻ

,

những thẻ được công cụ tìm kiếm “yêu thích” nhất, thông qua những thẻ này, công cụ tìm kiếm xác định chủ đề của nội dung. Thẻ

-

phải đóng cửa.

Ví dụ:

Thẻ tiêu đề cấp hai

- htiêu đề cấp hai

Tiêu đề cấp bốn

- h tiêu đề cấp bốn

Thẻ cũng thường được sử dụng để định dạng văn bản - , , , , .

Văn bản sẽ được in đậm Văn bản sẽ được in đậm – thẻ tương tự Văn bản in nghiêng - tương tự văn bản được gạch chân Văn bản bị gạch chéo Tăng Và giảm văn bản so với văn bản hiện tại.
Chỉ số trên -X 2 Chỉ số dưới -X 2 Văn bản đơn cách - giống như một chiếc máy đánh chữ

Tất cả các thẻ này đều có hai mặt và phải được đóng lại. Thẻ có thể được sử dụng kết hợp. Ví dụ:

Văn bản in đậm, in nghiêng và gạch chân

Theo quy định, các thẻ được đóng theo thứ tự chúng được mở. Nếu bạn thay đổi thứ tự thì không có gì có thể thay đổi, nhưng nếu bạn có định dạng văn bản phức tạp thì bạn sẽ gặp vấn đề.

Nguồn cấp dữ liệu dòng và khối văn bản

Thẻ tiêu đề (

-

) dịch dòng sau chúng (“nhấn enter”), trừ khi có quy định khác trong biểu định kiểu. Khi bạn viết văn bản bằng “html trần trụi”, ngắt dòng của bạn sẽ không được tính đến, văn bản sẽ xếp thành một hàng cho đến khi có tiêu đề hoặc thẻ đặc biệt.

– dịch dòng. Thẻ đóng là không cần thiết. Nếu bạn cần một khoảng cách lớn giữa các dòng, bạn có thể sử dụng một số thẻ như thế này, ví dụ:




– nguồn cấp dữ liệu năm dòng.

---

– Đường phân chia ngang:

Nhiều thẻ có thể sử dụng các thuộc tính đặc biệt, ví dụ:

---

Bạn có thể chỉ định độ dày của nó:

---

http://site.ru/image.png - Cái nàyđịa chỉ hình ảnh

http://site.ru/"> Đi đến Site.ru

Ở đâuhttp://site.ru/ - trang web mà liên kết dẫn đến,Đi đến Site.ru – tên liên kết , cái gọi là mỏ neo.

Mã liên kết chứa thuộc tínhmục tiêu=" _trống " - liên kết sẽ mở trong một cửa sổ mới và sẽ có hình ảnh trong mãđường viền="0" - hình ảnh sẽ không có khung.

Danh sách

Danh sách được tạo bằng mã html sau:

• Mục danh sách đầu tiên


• Mục danh sách thứ hai


• Mục thứ ba trong danh sách

Những cái bàn

Bảng là một thành phần phức tạp hơn các thẻ html này, bạn có thể dành toàn bộ bài đăng cho chúng, ở đây tôi sẽ chỉ hiển thị một ví dụ về mã cho bảng đơn giản nhất:

Nội dung

Ngắt dòng được đặt sau mỗi thẻ trong mã để dễ chỉnh sửa mã html. Mã bảng tương tự có thể được chèn như thế này:

Nội dung

Đây là cấu trúc chính của trang web. Biết những điều cơ bản, bạn có thể chuyển sang những cái phức tạp hơn.

Nền tảng mã html cập nhật: ngày 10 tháng 4 năm 2017 bởi: quản trị viên

Trang HTML và cấu trúc của nó được xác định bởi các thẻ chính

Chúng ta hãy xem trang Internet bình thường nhất trông như thế nào từ bên trong.

• Cấu trúc HTML Qua nhìn chung nằm ở trung tâm của mỗi trang web.
• Ngày nay có nhiều loại HTML các tài liệu. Mỗi loại tài liệu đều có Cấu trúc HTML(chi tiết ở cuối trang).
• Sửa chữ đầu Cấu trúc HTML là tài sản thế chấp khả năng tương thích trang web trên nhiều trình duyệt.

TRONG menu hệ thống Start hoặc Start, vào phần Programs (All Programs), mở thư mục Accessories, chọn Notepad. Tất nhiên, đây không phải là công cụ duy nhất để viết mã, nhưng ở giai đoạn này, đó là thứ bạn cần.

Cấu trúc tài liệu ví dụ:

Hãy xem xét Thẻ HTML, xác định cấu trúc của trang

• - bắt buộc, quyết định HTML tài liệu.
• - xác định một phần có thông tin dịch vụ, chứa hướng dẫn cho công cụ tìm kiếm, trình duyệt và tập lệnh.
• - xác định tiêu đề chính của trang web.
• - bắt buộc, xác định phần hiển thị của tài liệu.

• - xác định tiêu đề cấp 3.
• - xác định đoạn văn. Xem bài viết đoạn văn HTML

Cấu trúc tài liệu HTML | Viết mã trang

Trình tự các hành động như sau:

1. Viết mã vào Notepad HTML trang:

4. Mở IE ( trình duyệt web IE) hoặc một trình duyệt mặc định khác. Trong menu của nó, chúng tôi cố gắng tìm và mở tệp index.html được lưu trên máy tính. Bạn cũng có thể tìm và mở tệp trong bất kỳ trình duyệt nào trong cửa sổ xuất hiện sau khi gõ tổ hợp hai phím trên bàn phím: Ctrl và O - giữ phím Ctrl rồi nhấn chữ cái LatinhÔ.

Để nghiên cứu thêm tài liệu, bạn cần những điều sau đây:
Đơn giản là bạn phải có nhiều trình duyệt khác nhau trên máy tính của mình. Tải xuống Mozilla Firefox, Opera miễn phí và tiếp tục bài học của chúng tôi.

Mở index.html bằng Firefox. TRONG phiên bản trước Với trình duyệt này, bạn sẽ không thể đọc được văn bản bạn đã viết và các ký tự khó hiểu sẽ được hiển thị. Sự không chính xác này có thể được loại bỏ bằng cách đơn giản đưa vào HTML mã của hai thẻ với một tập hợp các thuộc tính cũng được yêu cầu.

Cấu trúc HTML 4.01 đúng

Đây phải là cấu trúc ban đầu của trang HTML:

Hãy tự thêm đoạn văn và tiêu đề rồi xem kết quả ra sao. Đừng quên làm mới nội dung của cửa sổ trình duyệt sau mỗi lần lưu tài liệu bằng cách nhấp vào nút trong Mozilla Firefox hoặc các nút trong Internet Explorer hoặc F5 để thay đổi có hiệu lực.

Mọi thứ có suôn sẻ với bạn không? - Vì vậy, bạn đã cẩn thận và làm mọi thứ đúng.