Một ví dụ về một trang HTML và các nguyên tắc cơ bản của

Phát minh ra nhiều ngôn ngữ, nhưng ngôn ngữ của HTML là một trong những đặc biệt và vosstrebovan nhất. Kể từ khi nó liên quan đến rất nhiều sáng kiến quan trọng khác trong chương trình. Nhiều được làm sẵn, khi trong tâm trí của những kiến thức hiện tại phát triển của ngôn ngữ đánh dấu - HyperText Markup Language (HTML).

Trong thực tế, trong HTML, không có gì khó khăn là, và trong một vài phút tất cả các xa nhất từ chương trình và nhân dân Internet sẽ hoàn thành việc thành lập HTML trang trong máy tính xách tay. ví dụ đáng chú ý, đơn giản, trên thực tế, tiếp cận với tất cả mọi người.

Mô tả chung

tập tin HTML - một trang web một trang, mặc dù điều này là gây tranh cãi, nhưng một file mỗi trang là những gì, cho một bắt đầu rõ ràng.

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

Thẻ lớn nhất trong các tập tin - nó bản thân mình HTML, bao gồm chỉ có hai thẻ: đầu và thân. Trong trường hợp đầu tiên, đặc điểm kỹ thuật khác nhau là dấu hiệu của liên kết đến tập trang thích hợp khác có thể có mặt PHP và các kịch bản JavaScript. Trong trang thứ hai nội dung văn bản. Cũng trong các hình thức của thẻ và các kịch bản.

Simple HTML trang

Ví dụ về việc tạo ra trang như được nêu trong bài viết dưới đây. Xem xét nó một cách cẩn thận.

phần HEAD

Các chính thẻ mục đích TRỤ - một mô tả chung của trang và các kịch bản nói chung, mặc dù sau này - chỉ là một khái niệm tương đối. Thường có coi trọng đáng kể đến chỉ có hai điều:

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

Để hiển thị nội dung của nội dung trang của phần này có tầm quan trọng chỉ gián tiếp bởi vì nó chỉ ra nơi mà một số file khác có quy tắc CSS cho thẻ và các kịch bản ngôn ngữ khác.

HTML trang có tiêu đề (TITLE), được hiển thị khi một vị khách mang chuột qua tab nơi trang được mở ra. Đây là quan trọng, bởi vì nó làm cho trang nhiều hơn nữa đoan trang, dễ dàng hơn để nói, đã ký văn bản có thể đọc được.

META-thẻ rất quan trọng trong lập trình web nói chung, nhưng khi nó được yêu cầu tạo ra HTML trang trong một máy tính xách tay, một ví dụ về cấu trúc dự phòng lộn xộn không mong muốn.

Trên LINK và các liên kết SCRIPT nên đặc biệt chú ý. Là người đầu tiên đề cập đến một nơi mà ở đó là một file CSS stylesheet, thứ hai - vị trí của tập tin JavaScript mã. liên kết như vậy có thể được thiết lập.

Nếu bạn sử dụng các kịch bản phải được coi là một kiến thức HTML sẽ trở nên mạnh mẽ hơn, bạn nên chú ý ngay lập tức trên cascading style sheets. Các tập tin CSS là, đặc biệt là các quy tắc đăng ký thẻ HTML.

phần BODY

Trong thực tế, một trang HTML mẫu - đây là phần BODY. Nó là ở đây có chứa tất cả các thông tin, tất cả các trang nội dung. Mọi thông tin được trình bày dưới dạng các thẻ và các kịch bản, chẳng hạn như chèn một JavaScript mã hoặc miếng PHP-chương trình.

Điều quan trọng là nhận ra rằng ví dụ về trang web HTML trong trình duyệt và các ví dụ tương tự trong một trình soạn thảo văn bản như notepad, đây không phải là điều tương tự. Trong trường hợp đầu tiên chúng tôi sẵn sàng HTML-văn bản, trong đó tất cả các kịch bản thực thi. Ví dụ, PHP đã hoàn thành một phần của nó và hình thành thay vì mã ở các vị trí đúng các thẻ. JavaScript cũng hoàn thành sứ mệnh của mình, mặc dù về nó chưa được một cuộc trò chuyện riêng.

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

JavaScript là ở một vị trí đặc biệt, chăm sóc mình - để phục vụ trang web, không chỉ lúc khởi động (quá tải), nhưng trong những khoảnh khắc khi trang được trong trình duyệt của khách truy cập, và các nghiên cứu nó.

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

Trình duyệt của khách truy cập nó trông giống như hình dưới đây.

không được xác định trong mã sẽ giống như những yếu tố mang lại trình duyệt. Tất cả các thiết kế có thể nhìn thấy trong các quy tắc CSS. Trong trường hợp này, MCSS / scPhpWordRW.css tập tin đó được tham chiếu (xem. Ví dụ đầu tiên của một trang HTML).

Không giống như HTML, CSS theme đơn giản hơn, có quy tắc rất dễ tiếp cận và số của họ là nhỏ, khi ví dụ về việc tạo ra HTML-trang không đòi hỏi bất cứ điều gì khác hơn là notepad. Mọi thứ đều rất dễ tiếp cận để phát triển ngay lập tức:

Điều này cho thấy cách dễ dàng được mô tả thẻ scLogo_vDoc, và mô tả này là trong một trạng thái bình thường của thẻ sẽ hiển thị một hình ảnh vDoc-logo.png, và khi chuột đã qua nó - hiển thị vDoc-logo-h.png.

Cấu trúc của các mô tả HTML

Ngôn ngữ không liên quan đến việc thực hiện một trong các cấu trúc và cú pháp của khái niệm ở đây là rất tương đối. Không có biến, nhưng có rất nhiều cơ hội. Nền tảng cơ bản của siêu văn bản là có một yếu tố (tag) mà chắc chắn sẽ có một cái tên.

Tên của vụ án, các cặp thẻ, bao gồm tên riêng (tagname) và dấu ngoặc nhọn ( «<» + tagname + «>»), nếu chúng ta đang nói về sự khởi đầu của thẻ, và «», nếu ghi kết thúc của nó.

Ví dụ về các trang HTML mô tả các thuộc tính nằm trong văn bản dưới đây.

Thẻ có thể có các thuộc tính, sau đó chúng được đưa qua một không gian sau khi tên thẻ trước khi bế mạc góc khung ">". Các thuộc tính, nếu họ có thẻ được ghi nhận chỉ lúc đầu. Nội dung của thẻ là nằm giữa thẻ bắt đầu và kết thúc của nó.

Tổng số giới thiệu nội dung HTML

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

yếu tố inline thường xuất hiện một thread, có nghĩa là, như đã được ghi trong tập tin trang, và hiển thị trên màn hình. Màn hình hiển thị của tổng lưu lượng có thể bị ảnh hưởng khi tải trang xảy ra. Về vị trí, tầm nhìn, và các tài sản khác của các yếu tố khối có thể bị ảnh hưởng bất cứ lúc nào thông qua JavaScript mã.

Ngoài các yếu tố đơn giản, HTML cung cấp để mô tả các bảng và hình thức. Những yếu tố này là rất nhiều nhu cầu trong "xây dựng trang web hàng ngày."

Mô tả của bảng: thẻ TABLE, TR, TD

Khi TABLE thẻ có thể được sử dụng để tạo ra một bảng, chỉ định một số hàng và TR trong một hàng cho một số tế bào TD. Ngược lại với các bảng thông thường của tổ chức, do bản chất tổ chức dạng bảng HTML đánh dấu giới hạn tuyên bố này, bởi vì nếu nhà phát triển muốn có một bảng hình chữ nhật trong đó số lượng cột trong tất cả các hàng của cùng một, sau đó nó phải tuân theo đó cho chính mình.

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

trang với một mô tả của một bảng đơn giản ví dụ HTML đồ họa thể hiện trong bài viết.

Dưới đây là một bảng hiển thị kích thước của ba hàng và ba cột, với thẻ hàng đầu tiên TH được sử dụng thay cho thẻ TD - tiêu đề cột. Đặc biệt là phân biệt hai thẻ này không có, nhưng nó có thể sử dụng đầu tiên để phân biệt giữa hàng đầu tiên của bảng, và trong CSS để TH, bạn có thể đính kèm theo phong cách riêng của bạn, mà phân biệt nó với TD khác.

hình thức mô tả: thẻ FORM, INPUT

Form - đây là một phần yêu cầu hầu hết các thẻ HTML. Sử dụng các hình thức có thể truyền tải thông tin. Trên thực tế, các trang - hiển thị thông tin này, nhưng dưới hình thức - đầu vào.

Trang HTML mẫu với một mô tả của một hình thức đơn giản:

Sử dụng các hình thức nhiều hơn nữa, nhưng các tính năng chính như sau. Bạn có thể chỉ định các lĩnh vực đầu vào, bạn cần phải gán chúng để thiết kế và xử lý sự kiện cho việc phân tích người dùng nhập vào. Bạn có thể chỉ định một lĩnh vực ẩn và truyền thông tin từ nền trang. Bạn có thể chỉ định nút truyền tải thông tin, cấp bách đặt ra khởi tạo quá trình truyền dữ liệu.

Sử dụng HTML

Để biết ngôn ngữ siêu văn bản - một điều kiện không thể thiếu đối với bất kỳ chuyên môn làm việc trong lĩnh vực lập trình Internet, nhưng nếu bạn muốn viết một chương trình trong PHP hoặc JavaScript, sau đó biết HTML + CSS cần một cách hoàn hảo.

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

Trình duyệt chạy JavaScript, và để làm việc đúng dữ liệu nút gửi lại cho máy chủ, có nghĩa là, thiết kế :. onclick = jQuery ( '# để') val ( 'giỏ'), nó là cần thiết phải biết không chỉ về những gì jQuery, nhưng những gì #to, val, giỏ hàng. Chính xác hơn, nó là cần thiết để biết các thẻ HTML cơ bản và các quy tắc chung áp dụng cho họ những phong cách CSS.

Đây là đủ để nhanh chóng nâng cao trình độ của bất kỳ chuyên môn trong lĩnh vực lập trình Internet.