Ngôn ngữ đánh dấu HTML là gì. Mô tả ngôn ngữ HTML
dùng để chỉ sự bắt đầu và kết thúc của bảng; và - tương tự đối với tiêu đề bảng;Có thể tạo một biểu mẫu trên trang Web để người dùng có thể nhập thông tin được trình duyệt truyền đến máy chủ(thẻ) hoặc kiểm soát lựa chọn từ menu (thẻ).
Vì trong ngôn ngữ HTML, bộ thẻ bị giới hạn và cố định nên các hành động do chúng cung cấp, đặc biệt là các thao tác định dạng, được triển khai trong trình duyệt. Trong trường hợp này, các thẻ như , tương ứng với một kiểu nhất định (loại, kích thước, màu phông chữ). Để cho phép người dùng thiết lập kiểu hình ảnh mong muốn, các biểu định kiểu được phát triển để thể hiện thông tin tham số kiểu và cách liên kết các trang đó với tài liệu HTML. Hầu hết các trình duyệt đều hỗ trợ biểu định kiểu xếp tầng CSS (Bảng kiểu xếp tầng).
Bảng CSS bao gồm các quy tắc định dạng. Mỗi quy tắc chỉ định loại phần tử được áp dụng định dạng và danh sách khai báo. Danh sách được bao quanh bởi dấu ngoặc nhọn và các phần khai báo trong danh sách được phân tách bằng dấu chấm phẩy. Mỗi khai báo chỉ định giá trị của một trong các thuộc tính hiển thị của phần tử trong thuộc tính:value của biểu mẫu. Các thuộc tính bao gồm loại phông chữ (kiểu chữ), kích thước, màu sắc, căn chỉnh và kiểu dáng (thông thường, in đậm, in nghiêng), màu nền hoặc mẫu, khoảng cách dòng, sự hiện diện của đường viền, vị trí tương đối của các khối văn bản và các đặc điểm khác thường được sử dụng để kiểm soát sự xuất hiện của một hình ảnh trong trình soạn thảo văn bản. Thay vì loại phần tử, bạn có thể chỉ định tên của kiểu gốc đang được nhập; tên kiểu phải bắt đầu bằng dấu chấm.
Sử dụng biểu định kiểu liên quan đến việc chỉ định loại bảng trong một phần của tài liệu HTML. Quy tắc định dạng cũng được viết ở đó giữa các thẻ. Bạn có thể viết tất cả các quy tắc định dạng trong một tệp riêng biệt và sau đó trong tài liệu HTML, bạn chỉ cần tham chiếu tệp này trong một thẻ đặc biệt. Nếu kiểu được nhập chỉ áp dụng cho một phần của tài liệu thì thẻ có tham số LỚP sẽ được sử dụng, ví dụ:
Một phần của tài liệu
Các phiên bản đầu tiên của ngôn ngữ HTML khá đơn giản nhưng không phải không có một số thiếu sót. Trước hết, cần lưu ý rằng bộ thẻ còn hạn chế, không đáp ứng được nhu cầu của nhiều ứng dụng. Ngoài ra, thẻ HTML không tách dữ liệu xác định cấu trúc của tài liệu khỏi dữ liệu trên hình ảnh (định dạng) của nó trên màn hình hiển thị khi xem bằng trình duyệt, điều này khiến việc làm việc với tài liệu trở nên khó khăn. Do đó, các cải tiến đã được đưa vào các phiên bản mới của ngôn ngữ, khiến ngôn ngữ này trở nên phức tạp đáng kể nhưng không loại bỏ được những thiếu sót chính. Nhược điểm đáng kể nhất của HTML trước hết là không có khả năng tách thông tin về cấu trúc của tài liệu khỏi thông tin về định dạng và thứ hai là thiếu các công cụ trong ngôn ngữ HTML cho phép các hoạt động xử lý văn bản như sắp xếp, tìm kiếm các đoạn dựa trên về một số đặc điểm nhất định, v.v.
Mô-đun tiếp theo
Cụm từ tìm kiếm
HTML là ngôn ngữ đánh dấu siêu văn bản đã tạo nên Internet mà chúng ta biết và yêu thích. Nhờ công cụ tuyệt vời này mà các trang web trông đẹp và hiện đại, đồng thời đảm bảo tính dễ sử dụng. HTML chỉ đơn giản là sắp xếp các thành phần của trang web thành định dạng thân thiện với người dùng. Công việc của nó có thể so sánh với những gì mọi người như MS Word hay OpenOffice làm. Họ biến một khối chữ cái vô nghĩa thành một tài liệu chứa các đoạn văn, văn bản in đậm, in nghiêng, bảng và thậm chí cả hình ảnh. Ngôn ngữ HTML thực hiện điều tương tự, với điểm khác biệt duy nhất là tài liệu của nó được hiển thị trong trình duyệt và khả năng của công cụ này rộng hơn nhiều so với khả năng của trình soạn thảo văn bản. Thẻ được sử dụng để đánh dấu - các lệnh đặc biệt mô tả cấu trúc của trang web. Chúng được đặt trong dấu ngoặc nhọn - để trình duyệt có thể phân biệt chúng với phần lớn văn bản. Tiếp theo, chúng tôi sẽ đề cập đến những điều cơ bản về HTML cho người mới bắt đầu.
Trình chỉnh sửa trực quanNhững người mới bắt đầu bước vào con đường học HTML thường bắt đầu công việc của mình với các chương trình cho phép bạn tạo trang web mà không cần bất kỳ kiến thức nào. Trong đó, bạn có thể chỉ cần sắp xếp các thành phần trên màn hình theo cách chúng sẽ được hiển thị trong trình duyệt. Có vẻ như đây là nguồn ân sủng vĩnh cửu cho phép bạn loại bỏ phần lớn các nhà phát triển web. Nhưng không phải mọi thứ đều đơn giản như vậy, vì các trình soạn thảo trực quan còn rất nhiều thiếu sót khiến chúng không thể sử dụng được trong các dự án nghiêm túc.
Tất cả các chương trình này tạo ra rất nhiều thẻ không cần thiết khiến trang cuối cùng trở nên khó sử dụng và kém tối ưu. Tất nhiên, trong thời đại Internet tốc độ cao của chúng ta, điều này ít quan trọng hơn trước, nhưng có một số lý do khiến một trang web ngắn gọn và được viết tốt hóa ra lại thực tế hơn so với trang web được tạo trong trình chỉnh sửa trực quan. Một trang web được tạo trong một chương trình như vậy sẽ được các robot tìm kiếm xử lý kém, vì mỗi kilobyte mã đều quan trọng đối với chúng và những mã cồng kềnh và phi logic với nhiều mã khó có thể phù hợp với sở thích của chúng. Ngoài ra, các biên tập viên thường tụt hậu so với thời đại, trở nên không phù hợp và việc dành nguồn lực cho sự phát triển của họ là không thực tế vì không có chuyên gia nào sử dụng các sản phẩm này. Vì vậy, bất kỳ ai muốn làm việc trong ngành phát triển trang web đều phải biết những điều cơ bản về HTML.
ThẻNhư đã đề cập ở trên, thẻ mô tả cấu trúc của trang web đối với trình duyệt. Hầu hết chúng đều có thẻ mở và đóng, nhưng không phải tất cả. Ví dụ: ..., trong đó thay vì dấu chấm là nội dung. Cái đầu tiên hiển thị nơi thẻ bắt đầu và cái thứ hai đóng nó lại. Có thể có các phần tử đánh dấu trang khác bên trong; chúng có thể được lồng vào nhau giống như một con búp bê lồng vào nhau. Điều quan trọng là phải đóng thẻ kịp thời để trang được hiển thị chính xác.
Ngoài ra còn có các thẻ đơn không cần phải đóng. Trong đó, nội dung được đặt bên trong, giống như nó có thể được viết cho hầu hết các thẻ HTML và đặt các thuộc tính của phần tử. Nó được biểu thị trong thẻ mở và trông giống như thế này: thuộc tính="...", trong đó thay vì dấu chấm có giá trị thuộc tính. Biết thẻ là bước đầu tiên và quan trọng nhất để thành thạo HTML. Những điều cơ bản của nghệ thuật này cũng liên quan đến việc hiểu cấu trúc của một trang web.
Cấu trúc tài liệuMỗi tài liệu HTML đều có phần mở rộng tương ứng, ví dụ Index.html. Bằng cách này, trình duyệt có thể hiểu nó đang xử lý vấn đề gì và hiển thị trang một cách chính xác. Bạn nên lưu trữ tất cả các tệp được sử dụng để tạo trang web trong một thư mục, điều này sẽ giúp cuộc sống của bạn sau này dễ dàng hơn nhiều. Kiến thức cơ bản về ngôn ngữ đánh dấu siêu văn bản HTML đòi hỏi sự hiểu biết rõ ràng về cấu trúc tài liệu. Nó bắt đầu bằng một thẻ cho trình duyệt biết phiên bản HTML đang được sử dụng trong tài liệu này. Hiện tại, phiên bản thứ năm của ngôn ngữ này có liên quan nên không cần phải phát minh ra bất cứ thứ gì, bạn có thể chèn thẻ trên vào đầu bất kỳ trang nào một cách an toàn.
Sau đó là các cấu trúc được ghép nối chính tạo nên “bộ khung” của trang web. Thẻ đầu tiên, trong đó tất cả các thẻ khác được lồng vào nhau, là .... Bất kỳ thứ gì bên ngoài nó đều không được trình duyệt nhận dạng là một trang web, vì vậy nó sẽ mở tài liệu và đóng nó lại. Thẻ này là bắt buộc đối với bất kỳ tài liệu nào. Nó cũng chứa một số thẻ bắt buộc khác, sẽ được thảo luận bên dưới.
Cái đầuBên trong thẻ ... là thông tin kỹ thuật sẽ không xuất hiện trên trang nhưng vẫn là một phần quan trọng của tài liệu HTML. Nền tảng của trang web được đặt ở nơi này; ở đây mã hóa được chọn và tên trang được nhập. Nó được chứa bên trong một thẻ bắt buộc.... Tiêu đề được hiển thị ở đầu trình duyệt, nơi bạn cũng có thể đặt một biểu tượng nhỏ mô tả nội dung của trang. Nên chỉ ra ngay mã hóa của tài liệu để hiển thị chính xác. Điều này có thể được thực hiện bằng cách sử dụng thẻ. Thẻ meta cung cấp thông tin về cấu trúc của trang và thường nằm bên trong phần đầu trang.
liên kếtBiết những điều cơ bản về HTML cũng liên quan đến việc sử dụng kiểu xếp tầng hoặc css. Họ đặt thuộc tính của các thành phần sẽ được hiển thị trên trang. Một cách tiếp cận hiện đại đối với nhiệm vụ này bao gồm việc đặt các đặc điểm như màu sắc, chiều cao và vị trí của phần tử trong một tệp bên ngoài để thuận tiện hơn. Để bao gồm tệp css, hãy sử dụng thẻ. Ở dạng hoàn thiện, nó trông giống như thế này: trong đó href cho biết vị trí của tệp và type cho biết loại của nó.
Phần hiển thị của trang được tạo trong phần này của tài liệu HTML. Mọi thứ được thực hiện bên trong "nội dung" sẽ được trình duyệt hiển thị. Nó sử dụng một số lượng lớn các thẻ HTML. Những điều cơ bản là định dạng văn bản, làm việc với các liên kết và các công cụ cơ bản để cấu trúc một trang web. Để bắt đầu làm việc với HTML, bạn chỉ cần biết các thẻ cơ bản và có thể sử dụng chúng. Dưới đây là những cái phổ biến nhất:
- - được sử dụng để làm nổi bật một chuỗi con sẽ tuân theo một kiểu đặc biệt được mô tả trong css;
- - tạo liên kết trên một trang web; địa chỉ chuyển tiếp được chỉ định bởi thuộc tính href;
- - một trong những thẻ phổ biến nhất của thời đại chúng ta; bất kỳ ai quyết định tìm hiểu những điều cơ bản về ngôn ngữ HTMLl nên đặc biệt chú ý đến nó, vì đây là một thành phần khối, trên cơ sở đó tạo nên phần lớn các trang web hiện đại (tham số cho các khối được đặt trong css và các khối khác có thể được đặt bên trong thẻ này);
Chọn một đoạn văn từ văn bản; nội dung của đoạn văn nằm giữa thẻ mở và thẻ đóng;
- - một danh sách được đánh số có các phần tử được đặt trong một thẻ ghép nối
- - một danh sách có dấu đầu dòng, trong đó, giống như danh sách đánh số, các phần tử được chỉ định bằng một thẻ
- - - tiêu đề tài liệu (con số biểu thị cấp độ tiêu đề, nghĩa là tiêu đề chính và các tùy chọn tiếp theo là các tiêu đề phụ của nó; nhân tiện, các tiêu đề cấp độ hầu như không thể tìm thấy trên Internet), điều quan trọng cần nhớ là có chỉ có thể là một tiêu đề trên một trang;
- - hình nhỏ;
- - chữ in nghiêng;
- chèn hình ảnh vào trang web (đây là thẻ đơn, không yêu cầu thẻ đóng nhưng phải bao gồm thuộc tính alt, chỉ định văn bản cho hình ảnh);
- - chèn video vào một trang web;
- - thẻ chèn tệp âm thanh vào tài liệu.
Đây không phải là tất cả các thẻ bạn cần để tạo trang web của riêng mình, nhưng chúng đủ để cung cấp kiến thức cơ bản về HTML cho người mới bắt đầu.
CSSSự phát triển của ngôn ngữ HTML đã dẫn đến việc mỗi thẻ có rất nhiều thuộc tính và yêu cầu về giao diện của các trang web đã tăng lên đáng kể. Code trở nên cồng kềnh và bất tiện, khó đọc chứ đừng nói đến việc điều chỉnh hay thay đổi nó. Ngoài ra, nếu trang web của bạn có mười trang với nhiều tiêu đề được đánh dấu màu xanh lá cây và bạn đột nhiên muốn tô chúng thành màu đỏ, bạn sẽ phải làm việc chăm chỉ, thay đổi từng tiêu đề một cách thủ công. Với sự ra đời của Cascading Style Sheets, quá trình này đã trở nên đơn giản và hợp lý, đồng thời mã HTML cũng trở nên dễ đọc hơn nhiều.
Áp dụng CSSĐể tạo các trang web, bạn cần biết những điều cơ bản về HTML và CSS, vì hiện tại không có gì phải làm trong lĩnh vực này nếu không có kiến thức về các biểu định kiểu xếp tầng. Họ đặt thuộc tính cho bất kỳ thành phần nào áp dụng cho toàn bộ tài liệu. Bằng cách này bạn có thể đặt màu cho tất cả các thành phần cùng một lúc
Để kết nối tệp css với tài liệu, cần có thẻ liên kết. Nguyên tắc sử dụng của nó được mô tả cao hơn một chút, nhưng nó không phải là lựa chọn duy nhất để kết hợp tất cả các kiểu ở một nơi. Ngoài ra còn có một thẻ nằm ở phần đầu của tài liệu và cho phép bạn viết kiểu mà không cần sử dụng tệp CSS. Không cần thiết phải sử dụng phương pháp này hay phương pháp khác. Chúng có thể được kết hợp thành công để có được kết quả tốt nhất. Để tạo tệp có biểu định kiểu, bạn cần tạo tệp có phần mở rộng .css, ví dụ: Styles.css.
JavaScriptThông thường, một người quyết định bắt đầu nhận ra rằng các công cụ mà HTML cung cấp không đủ cho nhiệm vụ của anh ta. Những điều cơ bản sẽ cho phép bạn tạo một trang đẹp, nhưng nếu bạn đột nhiên cần làm cho nó có tính tương tác thì sao? Vì những mục đích này, có một chương trình độc đáo tương tác hoàn hảo với HTML. Nó được gọi là JavaScript, vì nó được coi là em trai của ngôn ngữ Java phổ biến. Ngày nay, những ngôn ngữ này đã có những khác biệt đáng kể và khoảng cách giữa chúng ngày càng tăng.
JavaScript có thể mở rộng khả năng của HTML bằng cách cho phép bạn tạo và chỉnh sửa thẻ. Ngoài ra, bằng cách sử dụng công cụ tuyệt vời này, bạn có thể làm việc với Cokie, tải xuống dữ liệu từ máy chủ mà không cần tải lại trang và làm cho trang web có tính tương tác cao hơn khả năng HTML cho phép. Ngôn ngữ này cũng có những hạn chế liên quan đến bảo mật. Nếu JavaScript không được sử dụng ở phía máy chủ, nó sẽ được thực thi trong các điều kiện hạn chế khả năng của nó, do đó kẻ tấn công không thể sử dụng mã độc trên bất kỳ máy tính nào.
biên tập viênKiến thức cơ bản về HTML dành cho người mới bắt đầu đòi hỏi kiến thức về các chương trình tạo trang web tiện lợi và thiết thực nhất. Như đã viết ở trên, các trình soạn thảo trực quan như Dreamweaver và những thứ tương tự không phù hợp cho những mục đích này. Vì vậy, bạn có nên viết thẻ vào sổ ghi chú thông thường không? Tùy chọn này cũng có vấn đề vì sổ ghi chú tiêu chuẩn không có bất kỳ công cụ bố cục đặc biệt nào. Notepad++ có thể xử lý tác vụ này khá tốt. Ưu điểm lớn của sản phẩm này là nó có mã nguồn mở và được phân phối hoàn toàn miễn phí. Nó có tính năng tô sáng cú pháp thuận tiện và tự động đóng thẻ. Notepad++ cũng cung cấp nhiều lựa chọn ngôn ngữ giao diện và khả năng của nó có thể dễ dàng được mở rộng với nhiều tiện ích bổ sung.
Sublime Text 3 là một chương trình tương tự như Notepad++ nhưng có tính phí. Chính cô ấy là người chiếm được cảm tình của hầu hết các nhà phát triển. Sublime Text 3 hoàn hảo cho JavaScript, CSS và HTML. Bạn sẽ phải tự học những điều cơ bản để làm việc với nó, nhưng điều đó rất đáng giá. Nó chứa đựng khả năng tinh chỉnh thực sự vô hạn, cho phép bạn điều chỉnh chương trình theo nhu cầu của mình nhiều nhất có thể.
Khái niệm cơ bản về HTML và CSS cho người mới bắt đầuNhư bạn có thể thấy, việc học nghệ thuật tạo trang web không khó như thoạt nhìn. Chỉ cần vài tháng thực hành sẽ biến bạn từ một người dùng nhút nhát thành một nhà phát triển mới vào nghề. Bố cục học tập dễ dàng hơn nhiều so với việc thành thạo một ngôn ngữ lập trình hoặc Linux. Trên thực tế, không có nhiều thẻ HTML; điều quan trọng là phải hiểu khía cạnh thực tế của việc sử dụng chúng.
Kỹ năng làm việc với Adobe Photoshop sẽ không thừa trong vấn đề này. Chương trình này cho phép bạn làm việc với ảnh, hình ảnh và các yếu tố đồ họa khác của trang web. Hiện tại, Photoshop có thể xử lý tốt nhất những nhiệm vụ như vậy; nó có ít đối thủ cạnh tranh. Đối với những người không thích sản phẩm Adobe này, có Lightroom, GIMP, Illustrator và các chương trình khác có chức năng tương tự.
Kiến thức về HTML mang lại điều gì?Ngày nay, kỹ năng tạo trang web rất phù hợp khi Internet đang mở rộng với những bước nhảy vọt. Mọi doanh nghiệp, dù là cửa hàng, xưởng và câu lạc bộ thể thao nhỏ nhất - ai cũng mong muốn có trang web của riêng mình. Và tất nhiên, để làm được điều này, họ sẽ cần một nhà phát triển biết CSS và HTML. Những điều cơ bản rất dễ nắm vững, sau đó mới là vấn đề thực hành. Vì công nghệ bố cục không ngừng phát triển nên các nhà phát triển front-end sẽ luôn có nhu cầu. Bất cứ ai quyết định cống hiến hết mình cho ngành công nghiệp thú vị này sẽ không bao giờ bị thất nghiệp.
Chúng tôi đã phát hành một cuốn sách mới, Tiếp thị nội dung trên mạng xã hội: Cách thu hút người theo dõi và khiến họ yêu thích thương hiệu của bạn.
Đặt mua
HTML là một ngôn ngữ đánh dấu siêu văn bản.
Ngôn ngữ được sử dụng để tổ chức các trang web. Hãy làm một sự tương tự. Bạn đang mua một tờ báo. Một số bài báo đã được xuất bản trong đó. Mỗi bài viết đều có tiêu đề và kèm theo hình ảnh. Và văn bản được gõ vào một số cột. Đây là cấu trúc của một trang báo.
Mọi thứ diễn ra trên trang web đều giống nhau. Để tạo đúng cấu trúc bài viết - nội dung - bạn cần sử dụng ngôn ngữ đánh dấu văn bản.
HTML để làm gì?HTML được sử dụng để cho trình duyệt biết cách hiển thị một trang trên màn hình.
Ngôn ngữ có ở khắp mọi nơi. Đây là một công cụ phổ biến để thiết kế nội dung trên một trang. Nó có thể được sử dụng trong bất kỳ trình duyệt nào. Nếu bạn viết mã bằng ngôn ngữ lập trình, bạn cần biết một số tính năng, toán tử, kiểu dữ liệu, v.v.
HTML bao gồm một tập hợp các thẻ - lệnh và thuộc tính - thuộc tính. Chúng rất dễ nhớ và tài liệu tham khảo luôn có sẵn.
Mã HTML là gìMã là hướng dẫn cho trình duyệt cách hiển thị trang. Có một cấu trúc phải luôn được tuân theo. Ví dụ: chỉ có một tiêu đề H1 trên một trang, thông tin chính được đặt trong các phần, v.v.
Có ba nhạc cụ trong ngôn ngữ.
- Thẻ là một lệnh. Nó chỉ thẳng vào hành động. Ví dụ,
- di chuyển văn bản sang một dòng mới.Bắt đầu một đoạn văn mới.
- - đặt văn bản ở đầu trang.
- Thuộc tính thẻ là phần bổ sung cho các lệnh. Chúng cho phép bạn tùy chỉnh hành động có trong thẻ. Ví dụ,
- Giá trị thuộc tính - giải thích chính xác cách sửa đổi thuộc tính.
- - Quay lại ví dụ này, “site” là giá trị của thuộc tính.
Có hai loại thẻ - ghép nối và đơn.
- - thẻ ghép nối, mở và đóng. Họ hành động dựa trên văn bản được đặt giữa chúng.
Một thẻ duy nhất, nó ảnh hưởng đến văn bản theo sau nó trước thẻ tiếp theo.
Chúng tôi đã nói rằng cấu trúc của bất kỳ tài liệu html nào luôn giống nhau. Dưới đây chúng tôi liệt kê các yếu tố cần thiết.
- ! - chỉ ra rằng tài liệu sử dụng HTML.
- ... - tất cả mã trang được đặt trong thẻ này. Bất cứ thứ gì không được đặt trong đó sẽ không được trình duyệt nhận ra và không được hiển thị.
- ... là một thẻ được ghép nối chứa thông tin kỹ thuật, ví dụ: về mã hóa của tài liệu.
- ... là tiêu đề của trang, nó được đặt bên trong phần head. Bất kỳ trang nào cũng phải có tên riêng.
- ... là thông tin độc quyền. Nó kết nối các kiểu riêng lẻ với trang - css, v.v. Nó không được hiển thị cho người dùng.
- ... - nội dung trang. Tất cả thông tin cơ bản đều có trong thẻ này.
- ...- siêu liên kết.
- Hình ảnh.
- ... - hình nhỏ.
- ...- chữ in nghiêng.
Có thể có số lượng phần tử không giới hạn bên trong cơ thể.
Ví dụ: đây là phần mã trang cho một trong các bài đăng trên blog của chúng tôi.
Bạn càng sử dụng thẻ thường xuyên thì chúng càng được ghi nhớ nhanh hơn. Bạn luôn có thể tìm thấy một thư mục có tất cả các thẻ, thuộc tính và ý nghĩa của chúng.
Xin chào các quản trị viên web mới bắt đầu thân mến. Hãy bắt đầu học ngôn ngữ lập trình.
Và chúng ta sẽ bắt đầu nghiên cứu chúng bằng html.
Tôi sẽ nói ngay rằng khi kết thúc khóa học, bạn sẽ có thể tự viết một trang web bằng html thuần túy và đăng nó lên Internet. Nhưng tôi vẫn khuyên bạn nên dành thời gian và sau html, hãy làm quen với css.
Sau đó, bạn sẽ làm cho trang web mát hơn và bạn sẽ có thể sửa giao diện của trang web được tạo trên CMS (hệ thống quản lý nội dung) làm sẵn.
Học ngôn ngữ lập trình và học ngoại ngữ không giống nhau và nó dễ dàng hơn nhiều. Hơn nữa, nó không đáng sợ mà rất thú vị.
Chỉ là những điều không thể hiểu được luôn khiến bạn sợ hãi, nhưng tôi hứa với bạn rằng sau những bài học đầu tiên, mọi nỗi sợ hãi sẽ qua đi.
Chúng ta sẽ học cách sử dụng trình chỉnh sửa mà bạn cần cài đặt trên máy tính của mình.
Trong trình chỉnh sửa tệp này, bạn có thể viết mã và xem ngay cách trình duyệt hiển thị mã đó. Rất thoải mái.
Nào, đầu tiên tôi sẽ nói cho bạn biết một chút về HTML là gì và đây sẽ là phần nhàm chán trong khóa học của chúng ta, sau đó chúng ta sẽ đi vào phần thực hành thú vị nhất. Chắc chắn ở đó sẽ không nhàm chán.
HTML (Ngôn ngữ đánh dấu siêu văn bản) theo nghĩa đen có nghĩa là ngôn ngữ đánh dấu siêu văn bản. Nó được sử dụng để tạo các trang web.
Và nếu, theo hiểu biết của chúng tôi, một tập hợp các trang đơn giản được thống nhất theo một chủ đề là một cuốn sách, hay thậm chí nói đúng hơn là một tạp chí dày, thì một tập hợp các trang web được hợp nhất bởi một tên miền là một trang web.
Mỗi trang web có văn bản riêng, do bạn viết và được đính kèm bằng mã html.
Mã là hướng dẫn cho trình duyệt về cách hiển thị một phần tử cụ thể. Giả sử bạn đã viết một từ, nhưng nó sẽ xuất hiện trên màn hình ở dạng nào tùy thuộc vào mã bạn gửi nó vào.
Mã html bao gồm các phần tử sau:
2. Thuộc tính thẻ.
3. Giá trị thuộc tính.
Chúng ta hãy nhìn vào chúng theo thứ tự.
Thẻ html là thành phần chính của mã. Nó được viết như thế này:
Như bạn có thể thấy, nó bao gồm hai phần. Dấu ngoặc nhọn đầu tiên là phần mở đầu và dấu ngoặc thứ hai có dấu gạch chéo là phần đóng.
Giữa hai phần này, phần còn lại của mã trang sẽ hiển thị trên màn hình sẽ được viết.
Thẻ cho trình duyệt biết rằng đây là tài liệu HTML và là thẻ chính (mẹ) cho tất cả các thành phần khác.
Ở các thẻ, phần tử mã còn lại, một chữ cái hoặc từ được viết trong dấu ngoặc nhọn sẽ là tên của thẻ và xác định phần tử nào sẽ được thẻ này hiển thị trên màn hình.
Ví dụ: nếu bạn đặt chữ h1 trong ngoặc nhọn, văn bản sẽ được hiển thị trên màn hình dưới dạng tiêu đề.
Xin chào
Tức là font chữ “Hello” sẽ to và đậm hơn các phần còn lại của văn bản.
Nếu bạn đặt chữ p trong ngoặc nhọn thì văn bản kèm theo thẻ sẽ được hiển thị dưới dạng một đoạn văn.
Xin chào
Nghĩa là, phông chữ sẽ bình thường, nhưng mọi thứ được viết sau thẻ này sẽ bắt đầu trên một dòng mới.
Có vài chục chữ cái như vậy và thậm chí cả các từ xác định loại lệnh trong html, mặc dù thường không sử dụng quá 10-15 thẻ.
Chúng tôi sẽ xem xét từng chi tiết hơn trong quá trình thực hiện.
Sau đây là các thuộc tính thẻ. Thường xuyên sử dụng, cũng không quá chục. Và gần đây thậm chí còn ít hơn, vì tất cả các hàm thuộc tính đã được chuyển sang css.
Nhưng chúng ta sẽ nói thêm về điều này sau, nhưng bây giờ chúng ta vẫn sẽ tìm hiểu thuộc tính là gì, vì một số thuộc tính trong số chúng vẫn không mất đi mức độ liên quan và sẽ không bao giờ mất đi.
Một thuộc tính là một lệnh bổ sung. Nó được viết ở phần mở đầu của thẻ. Ví dụ bạn muốn làm tiêu đề có màu thì bạn cần chèn thuộc tính color vào phần mở đầu của thẻ h1
Và hãy đi thẳng vào các giá trị thuộc tính. Vấn đề là thuộc tính phải có giá trị. Nghĩa là, nếu bạn ra lệnh tô màu tiêu đề thì bạn cần cho biết nó sẽ có màu gì.
Dấu hiệu này sẽ là giá trị thuộc tính. Nó trông như thế này:
Đây là màu đỏ.
Theo cách tương tự, nhưng bằng cách sử dụng các thuộc tính khác, bạn có thể đặt kích thước văn bản, mức thụt lề, căn chỉnh, v.v.
Mặc dù vậy, thiết kế ngày càng chuyển sang CSS và các thuộc tính thiết kế đang dần trở nên lỗi thời và không còn thực tế nữa.
Và bây giờ chúng tôi rút ra kết luận từ tất cả những điều trên:
HTML là ngôn ngữ mà trình duyệt hiểu được. Chúng ta cần nó để giao tiếp với trình duyệt, hoặc người ta có thể nói, để điều khiển nó, tức là ra lệnh cho nó về cách nhận thức và hiển thị trên màn hình những gì chúng ta viết.
Tôi muốn nói thêm rằng các thẻ, thuộc tính và ý nghĩa của chúng rất dễ nhớ trong các bài tập thực hành, về cơ bản là nội dung của tất cả các bài viết tiếp theo.
Ở đó, bạn nhìn thấy ngay thẻ, bạn sẽ biết ý nghĩa của nó, nó được sử dụng trong trường hợp nào và ở đâu, những dấu hiệu nào đi kèm và cách viết, vì vậy bây giờ tôi sẽ không hiển thị cho bạn tất cả các thẻ và thuộc tính, chúng ta sẽ thấy mọi thứ trong thực tế.
Nếu ai quan tâm, bạn luôn có thể xem danh sách đầy đủ các thẻ và thuộc tính html. .
Mặc dù vậy, nếu bạn không định tham gia vào lĩnh vực lập trình chuyên nghiệp, thì chỉ cần biết một vài (khoảng chục) thẻ cơ bản và một số thuộc tính là đủ.
Vâng, đó là tất cả, tôi đoán vậy. Một vài? Và bây giờ không cần nhiều hơn nữa. Chúng ta sẽ học phần còn lại trong quá trình học bằng các ví dụ cụ thể.
Tôi nghĩ nó sẽ được hiểu rõ hơn với các ví dụ. Mục tiêu của chúng tôi là tạo một trang web và hiểu cách thức hoạt động của nó, vì vậy hãy tiếp tục và thực hành.
Xoay
Ngay khi bạn ngồi học, một tên khốn nào đó chắc chắn sẽ đánh thức bạn dậy!!!
Ở trường, giáo viên nói với học sinh:
- Rốt cuộc ai trong số các bạn tự cho mình là ngu ngốc? Đứng lên.
Im lặng hồi lâu, một học sinh đứng lên:
- Thế cậu nghĩ cậu ngu à?
- Không hẳn, nhưng có vẻ hơi khó xử khi bạn đứng một mình.
Với sự ra đời của mạng máy tính và đặc biệt là World Wide Web, nhu cầu truyền tải thông tin cho các nền tảng khác nhau đã nảy sinh. Rốt cuộc, điều cần thiết là tất cả các thành phần của tài liệu phải được hiển thị giống hệt nhau trên tất cả các máy tính, bất kể hệ thống được sử dụng. Một ngôn ngữ đặc biệt được sử dụng cho việc này - HTML. Việc sử dụng ngôn ngữ mô tả trang này lần đầu tiên được sử dụng để hiển thị thông tin khoa học tại Trung tâm Nghiên cứu Hạt nhân Châu Âu (Geneva) và được sử dụng để có thể hiển thị thông tin cho tất cả các máy tính trên mạng cục bộ. Ngày nay HTML đóng vai trò là một phần không thể thiếu của hầu hết các chương trình và chủ yếu để hiển thị các trang Internet. Trên thực tế, bất kỳ người dùng nào của mạng toàn cầu đều sử dụng HTML khi truy cập bất kỳ trang web nào. Tất cả thông tin mà người dùng có thể nhìn thấy trong cửa sổ trình duyệt đều được mô tả thông qua HTML và bản thân trình duyệt là các chương trình chuyên biệt để làm việc với ngôn ngữ HTML.
HTML là gì?HTML không thể được gọi đầy đủ là ngôn ngữ lập trình, mặc dù nhiều chức năng cho phép bạn tạo các ứng dụng đơn giản trực tiếp bằng mã. Để mô tả các thuộc tính của các phần tử, các bộ mô tả (thẻ) được sử dụng để chỉ định kích thước, vị trí và các thuộc tính đặc biệt của các phần tử, cũng như các liên kết đến các phần tử khác của chính văn bản hoặc các tài liệu khác. Toàn bộ phức hợp mã được gọi là siêu văn bản và HTML viết tắt là viết tắt của Ngôn ngữ đánh dấu siêu văn bản, được dịch sang “vĩ đại và hùng mạnh” có nghĩa là “ngôn ngữ đánh dấu siêu văn bản”.
Phát triển đặc biệt HTMLđược nhận cùng với sự phát triển của WWW (World Wide Web), vì nó được phát triển như một ngôn ngữ phổ quát cho tất cả các thiết bị, bất kể chúng có thiết bị gì. Việc sử dụng ngôn ngữ giúp hiển thị thông tin một cách có cấu trúc và đơn giản hóa nhận thức về nó. Khi so sánh với ấn phẩm, điều này sẽ tương ứng với các cột và trang của một tờ báo. Tiêu đề, vị trí của hình ảnh, bảng biểu - tất cả những điều này đều cần thiết cho việc trình bày cấu trúc, vì một mảng văn bản liên tục rất khó đọc.
Các phiên bản đầu tiên của HTML bị phân mảnh và không có sự thống nhất nhất định. Do đó, cần phải phát triển một tiêu chuẩn thống nhất nhất định. Điều này được thực hiện vào năm 1995 và tiêu chuẩn này đã được chính thức hóa thành phiên bản chính thức của HTML 2.0. Sau 2 năm (năm 1997), một số tính năng đã được thêm vào. Định dạng mới được gọi là HTML 3.0 và được W3C đề xuất ( Hiệp hội World Wide Web). Về lý thuyết, nó bao gồm tất cả các tính năng của 2.0, nhưng vào thời điểm đó, khả năng của trình duyệt rất hạn chế nên không đạt được khả năng tương thích hoàn toàn. Đến cuối năm 1997, sau khi thử nghiệm phiên bản 3.2 của ngôn ngữ, tiêu chuẩn mới 4.0 đã được thông qua. Nó loại bỏ các bộ mô tả cũ và giới thiệu những bộ mô tả mới, đặc biệt là việc sử dụng Cascading Style Sheets (CSS).
Cấu trúc tài liệu cơ bảnHầu hết các chương trình bố cục trang hiện đại, chẳng hạn như Dreamweaver và Microsoft SharePoint Designer, tự động tạo cấu trúc cơ bản của tài liệu, nhưng để tự đọc và tạo cấu trúc đó một cách chính xác, bạn cần phải làm quen với các quy tắc đơn giản.
Việc đánh dấu tài liệu được thực hiện bằng cách sử dụng các thẻ, thường theo cặp (mở và đóng). Thẻ được đặt trong dấu ngoặc nhọn và không hiển thị cho người dùng nhưng chúng tuân thủ nghiêm ngặt bố cục trang.
Một tài liệu HTML bắt đầu và kết thúc bằng các thẻ định dạng tài liệu.
Đây là mã trang
Thẻ tài liệu có thể được đặt trước tiêu chuẩn mà nội dung sẽ được hiển thị (thẻ DOCTYPE).
Trong một tài liệu, có một tiêu đề được trình duyệt đọc nhưng không hiển thị trong cửa sổ và phần nội dung của trang mà người dùng thực sự nhìn thấy.
Tiêu đề được xác định bởi các thẻ và và chứa dữ liệu nhằm định dạng tài liệu. Tiêu đề cũng chứa các tập lệnh được tải cần thiết để hiển thị dữ liệu. Trong thẻ< title>và tiêu đề trang được viết và hiển thị trong tiêu đề của cửa sổ hoặc tab.
Mã chính của trang được thể hiện bằng cách sử dụng thẻ và. Mọi thứ được viết giữa chúng sẽ được hiển thị trên màn hình, ngoại trừ các phần tử được chỉ định giá trị đặc biệt và chính các thẻ để định dạng tài liệu.
Cấu trúc của một tài liệu HTML có thể được biểu diễn như sau.
< title>Tiêu đề trang (được phản ánh trong cửa sổ!)
Tiêu đề tài liệu. Không xuất hiện trên màn hình
Phần thân của tài liệu. Hiển thị trên màn hình