Thực đơn
trang chủTừ

Cách tạo một trang web html. Cách tạo một trang web

Thưa quý vị, chúc mọi người tâm trạng tốt) Hôm nay tôi quyết định viết một bài về chủ đề - Cách tạo trang web của riêng bạn. Tôi được độc giả và bạn bè nhắc đến chủ đề này, vì lý do nào đó mà họ vẫn không phân biệt được các loại trang và trang trên Internet. Tôi rất hiếm khi gọi bất cứ thứ gì là trang web))) Tuy nhiên, nhiều bạn bè của tôi thường nói như vậy. Đặc biệt đối với họ, tôi quyết định mô tả các loại trang web chính mà bạn có thể tạo cho chính mình để thể hiện một số hình thức thể hiện bản thân trên mạng.

Trước khi tạo một trang web, bạn chắc chắn cần phải tạo một email hoặc địa chỉ email. Tôi đã mô tả các tùy chọn tạo trong bài viết này - . Và nếu bạn có địa chỉ email, hãy chuyển sang các tùy chọn để tạo trang web cá nhân của bạn. Đọc tiếp để biết cách giúp bạn tạo trang web của riêng mình.

Trang web một trang

Phương pháp cổ xưa nhất))) Để làm được điều này, bạn cần học những điều cơ bản về ngôn ngữ HTML. Làm điều này ở thời đại chúng ta là không cần thiết chút nào, có hàng triệu dịch vụ sẽ được thảo luận dưới đây. Tuy nhiên, nếu bạn muốn hiểu cách một trang web và một phần nào đó là Internet hoạt động, thì hãy thử tự tạo một trang web một trang. Tôi đã mô tả cách thực hiện việc này trong bài viết -. Có các tùy chọn để tạo trang web một trang bằng cách sử dụng trình tạo trang web và nền tảng miễn phí.

Trang trên mạng xã hội VKontakte

Tôi nghĩ ở thời đại chúng ta, câu nói: “Tôi đã tạo một trang cho chính mình trên Internet” hầu hết áp dụng cho mạng xã hội Vkontakte. VK là mạng xã hội phổ biến nhất ở CIS. Tạo trang của bạn ở đây chỉ mất 1 phút. Hơn nữa, hàng tá chức năng hữu ích cho các hoạt động trực tuyến sẽ mở ra cho bạn.
Tôi đã viết rất nhiều về Vkontakte và dự định viết nhiều hơn nữa)) Với mạng xã hội này, bạn có thể...

VKontakte cũng cho phép bạn tạo URL tiện lợi cho trang web của mình, thay vì URL tiêu chuẩn khi đăng ký http://vk.com/id8032931. Sau đó, bạn có thể thay đổi nó thành một cái đẹp hơn - http://vk.com/vasheimya.vashafamiliya.

trang Facebook

Nếu VKontakte là mạng xã hội phổ biến nhất ở CIS thì Facebook là mạng xã hội số 1 trên toàn thế giới. Facebook được coi là dành cho người dùng nói tiếng Nga cao cấp))) Nhưng cá nhân tôi nghĩ rằng tất cả là do Facebook rất phổ biến và tiện lợi.

Cũng giống như trên Vkontakte, bạn có thể gán cho mình một địa chỉ đẹp cho trang web của mình. Tôi đã mô tả hướng dẫn đầy đủ về cách tạo trang web trên Facebook trong bài viết -.

Blog

Blog là lựa chọn được tôi khuyên dùng nhiều nhất để tạo trang web của riêng bạn. Blog cung cấp hàng ngàn cơ hội để tự nhận thức và rất dễ sử dụng. Thường miễn phí như các trang web truyền thông xã hội.
Tôi cung cấp tuyển tập các bài viết về cách tạo trang web bằng blog:

  • - nhanh chóng, nhưng có chi phí lưu trữ và tên miền riêng.
  • là một nền tảng blog của Google. Tích hợp với nhiều dịch vụ của Google. Rất thuận tiện nếu bạn là người hâm mộ Google))
  • là nền tảng blog phát triển năng động nhất. Tôi đọc số liệu thống kê trên một trong những ấn phẩm của Mỹ rằng Tumblr phổ biến với trẻ em Mỹ từ 12-13 tuổi hơn Facebook!!! Tôi nghĩ đây là một dấu hiệu cho thấy sự tiện lợi và phát triển của nền tảng này.
  • — đây là hướng dẫn sử dụng cho hầu hết các nền tảng viết blog nổi tiếng, bao gồm cả những nền tảng trên.

Nhật ký

Dưới đây là tất cả các tùy chọn chính để tạo trang web của bạn, hay nói cách khác là sự hiện diện trên web. Đúng nghĩa là 1 phút là bạn đã đắm chìm trong không gian của World Wide Web. Chúc bạn duyệt web vui vẻ!

Mọi thứ chúng ta nhìn thấy trên màn hình trình duyệt khi “du lịch” trên Internet đều được gọi là trang WEB. Một trang WEB có thể chứa nhiều loại nội dung (hoặc nội dung): văn bản, hình ảnh, video, phát nhạc hoặc một trò chơi trực tuyến thú vị.

Bất kỳ trang WEB nào cũng có một địa chỉ. Trang này có thể được tìm thấy trên Internet tại địa chỉ này. Địa chỉ trang được hiển thị trên thanh địa chỉ của trình duyệt. Ví dụ: trang WEB bạn đang đọc hiện có địa chỉ sau:

http://www..html

Kiểm tra xem nó có được hiển thị trong trang địa chỉ của trình duyệt của bạn không.

Ngày nay, nhiều người nhập từ khóa hoặc cả cụm từ vào thanh địa chỉ. Trước đây, chương trình trình duyệt đã tạo ra lỗi trong trường hợp này. Không có địa chỉ như vậy, không tìm thấy trang! Bây giờ trình duyệt xử lý lỗi này theo cách sau: nó liên hệ với công cụ tìm kiếm (Google, Yandex hoặc công cụ khác) với yêu cầu bao gồm một từ hoặc cụm từ được nhập vào thanh địa chỉ. Do đó, công cụ tìm kiếm cố gắng đưa người dùng đến câu trả lời chính xác cho câu hỏi của mình và tìm trang WEB cần thiết trên Internet, nơi tìm thấy các từ mà người dùng nhập thường xuyên nhất. Hãy thử viết vào thanh tìm kiếm câu hỏi được đặt ra trong tiêu đề của bài viết này và bạn sẽ nhận được toàn bộ danh sách các liên kết chứa câu trả lời cho câu hỏi này. Rất có thể bạn sẽ tìm thấy bài viết này trong danh sách này.

Nhưng hãy quay lại địa chỉ trang WEB. Địa chỉ này được đọc từ trái sang phải và bao gồm một số phần. Phần đầu tiên của địa chỉ cho các trang WEB sẽ luôn là http:// hoặc https://. Những chữ cái này chỉ định giao thức mà các trang WEB được truyền qua Internet. Giao thức này được gọi là Giao thức truyền siêu văn bản (HTTP). Các trang WEB là một siêu văn bản điển hình, tức là văn bản có liên kết đến các tài liệu văn bản và đa phương tiện khác. Vì vậy, giao thức HTTP luôn được sử dụng để truyền tải các trang WEB.

Nếu một trang WEB giống như một trang sách được đăng trên Internet thì bản thân cuốn sách đó có thể được coi là một trang Internet kết hợp nhiều trang WEB được kết nối với nhau bằng các liên kết Internet. Giống như một trang WEB, một trang Internet cũng có một địa chỉ. Địa chỉ website là một phần của địa chỉ trang WEB và nằm giữa ký tự // và ký tự đầu tiên /.

Địa chỉ trang web có hai dạng: kỹ thuật số - dành cho máy tính và biểu tượng - để mọi người nhận biết được địa chỉ này. Thật dễ dàng để dịch một hình thức biểu diễn này sang một hình thức biểu diễn khác. Việc này được thực hiện bởi một hệ thống tên miền đặc biệt (DNS) phục vụ Internet.

Địa chỉ trang web, được viết dưới dạng ký hiệu, có một số thành phần được phân tách bằng dấu chấm, trong đó có tên của trang web (tác giả hàng đầu) và tên miền quốc gia mà trang web đó thuộc về (ru, có nghĩa là Nga). / được theo sau bởi tên trang WEB, về cơ bản là địa chỉ của trang trên trang web.

Hệ thống địa chỉ không kết thúc ở cấp độ trang. Tất cả các thành phần nội dung (tệp hình ảnh, nhạc và video) cũng có địa chỉ. Những địa chỉ như vậy còn được gọi là bộ định vị tài nguyên thống nhất (Uniform Resource Locator - URL), vì vậy, ví dụ: địa chỉ của logo Topavtor là:

Thực tế thành phần nội dung này là một hình ảnh được biểu thị bằng ba chữ cái, png, theo sau dấu chấm ở cuối địa chỉ. Tên của hình ảnh nằm giữa ký hiệu / và dấu chấm. Hình ảnh này được gọi là logo và được đăng trên trang web www.. Nếu bạn nhập địa chỉ URL trên vào thanh địa chỉ của trình duyệt, hình ảnh logo của trang web Topavtor sẽ xuất hiện trên màn hình.

Chuyện gì đã xảy ra thế? Chương trình trình duyệt tại địa chỉ được tìm thấy trên trang web www.site nơi hình ảnh được lưu trữ, sao chép tệp này vào máy tính cục bộ của người dùng (đôi khi họ nói “đã tải xuống”) và hiển thị hình ảnh tương ứng trên màn hình trình duyệt, hiện không được lưu trữ đâu đó trên bầu trời Internet nhưng được thực hiện thủ công trên máy tính cục bộ của bạn.

Trên thực tế, các thành phần nội dung được đăng trên trang WEB không nhất thiết phải được lưu trữ trên cùng một trang. Ví dụ: để đăng bức tranh “Deuce Again” trên trang WEB, bạn có thể cung cấp liên kết đến một tệp nằm trên một trang khác, chẳng hạn như trên trang web Wikipedia trong bài viết “Deuce Again” hoặc trên trang web của Tretykov Phòng trưng bày, nơi bức tranh này được trưng bày. Kết quả sẽ giống nhau. Trong cả hai trường hợp, hình ảnh sẽ xuất hiện trên trang WEB.

Bản thân trang WEB là văn bản được viết bằng ngôn ngữ đánh dấu siêu văn bản đặc biệt (HTML). Văn bản này có thể được nhìn thấy nếu bạn đưa ra lệnh cho trình duyệt hiển thị nguồn của trang WEB (Xem nguồn trang). Ngôn ngữ HTML cho phép bạn mô tả rõ ràng vị trí của tất cả các thành phần nội dung trên trang WEB. Ví dụ: loại và kích thước phông chữ được sử dụng khi in văn bản, kích thước của hình ảnh và vị trí của chúng so với văn bản.

Bất kỳ trang web Internet nào cũng được lưu trữ trên một máy chủ. Máy chủ là một máy tính được điều khiển bởi một chương trình đặc biệt. Máy chủ phục vụ tất cả các yêu cầu được gửi đến trang web. Nhờ hoạt động của máy chủ, thông tin được trao đổi giữa trang web và trình duyệt. Trình duyệt được lưu trữ và chạy trên máy tính của người dùng được kết nối với Internet. Máy tính của người dùng còn được gọi là máy tính cục bộ. Quá trình trao đổi thông tin giữa máy chủ và máy tính cục bộ bắt đầu đáp ứng yêu cầu trình duyệt từ máy tính cục bộ. Quá trình này giống như một chương trình phát thanh, trong đó máy chủ là máy phát sóng vô tuyến và trình duyệt là máy thu sóng vô tuyến.

Văn bản viết bằng HTML được chuyển đến máy tính cục bộ. Chúng ta có thể giả định rằng một album ảnh đã được chuyển sang máy tính cục bộ, còn lại những khoảng trống cho hình ảnh, nhạc, video clip và chương trình. Những nơi này hiện chỉ chứa URL của tất cả các thành phần nội dung đa phương tiện. Trình duyệt “chuyển” qua tất cả các địa chỉ này và sao chép các tệp hình ảnh, nhạc hoặc video từ chúng sang máy tính cục bộ. Sau đó, tất cả các tệp này được đặt trên màn hình, theo ý định của lập trình viên đã phát triển trang WEB. Trình duyệt xử lý việc này trong vài giây và sau đó tùy thuộc vào người dùng: đọc, nghe nhạc, xem video. Internet luôn sẵn sàng phục vụ bạn!

: HTML - ngôn ngữ đánh dấu siêu văn bản (hay ngôn ngữ đánh dấu siêu văn bản).

Vì vậy, chúng ta hãy tìm hiểu anh ấy nhiều hơn.

Đầu tiên, tạo một tệp trên máy tính của bạn với tên bất kỳ và phần mở rộng.html (tiêu đề phải bằng tiếng Anh- ví dụ như chỉ mục.html). Để tạo một tệp như vậy, hãy tạo một tài liệu văn bản thông thường ("Bắt đầu" - "Tất cả chương trình" - "Phụ kiện" - "Notepad") Và tiết kiệm ("Tệp" - "Lưu dưới dạng") nó ở bất cứ đâu bằng cách nhập tên và phần mở rộng (điều xảy ra là khi bạn nhập tiện ích mở rộng, notepad vẫn lưu nó dưới dạng tệp văn bản, nhưng chúng tôi cần một tệp web. Để thực hiện việc này, trước khi lưu, hãy chọn loại tệp - “Tất cả các tệp (*.*)”).

Đây không phải là điều kiện tiên quyết (vì bạn có thể thay đổi tên của trang đầu tiên trong cài đặt máy chủ), mà là một quy tắc ứng xử đúng mực. Tên của trang đầu tiên tốt nhất là chỉ mục (index.html), vì máy chủ khi truy cập nó sẽ tạo ra một tệp có cùng tên - index.

Khi được lưu chính xác, biểu tượng tệp sẽ thay đổi thành biểu tượng trình duyệt (Internet Explorer theo mặc định).

Bây giờ hãy mở tệp này bằng Notepad và sao chép đoạn mã sau vào đó.

Đây là trang web đầu tiên!

Lưu và mở trong trình duyệt.

Xin chúc mừng, bạn vừa tạo trang web đầu tiên của mình.

Dòng chữ "Đây là trang web đầu tiên!" Bạn có thể thay đổi nó thành bất kỳ trang nào khác, ví dụ: “Đây là trang web đầu tiên của tôi!!!” lưu, cập nhật trình duyệt và chiêm ngưỡng kết quả.

Nhưng trang của chúng tôi không có tiêu đề.

Chúng tôi cần khắc phục điều này - chúng tôi sẽ sửa mã một chút, hay đúng hơn là chúng tôi sẽ thêm “Đầu trang” vào mã bằng cách sử dụng thẻ Và .</p><p> <html> <head> <title>Trang đầu tiên Đây là trang web đầu tiên của tôi!!!

Lưu, cập nhật, ngưỡng mộ. Trang của chúng tôi bây giờ có một tiêu đề.

Mô tả các thẻ.

Thẻ đầu tiên là (thẻ này được ghép nối, tức là thẻ đóng bắt buộc) - nó được sử dụng như một thùng chứa bên trong chứa tất cả nội dung của trang (văn bản, hình ảnh, v.v.). Mặc dù thẻ này ( Và) là tùy chọn, nhưng việc sử dụng nó thể hiện cách cư xử tốt. Vì vậy, tôi khuyên bạn nên sử dụng nó.

Thẻ tiếp theo - . Đây cũng là một thẻ được ghép nối ( Và). Thẻ này không được hiển thị trên trang (ngoại trừ tiêu đề), nhưng cần chỉ ra các tham số trang bổ sung - mô tả trang (được sử dụng bởi công cụ tìm kiếm), từ khóa (được sử dụng bởi công cụ tìm kiếm), kiểu, tập lệnh, tiêu đề, v.v.

Nhãn </b>- thẻ ghép nối ( <title>Và), được yêu cầu để chỉ ra tiêu đề trang. Hơn nữa, thẻ này chỉ được đặt bên trong thẻ !

Và thẻ cuối cùng trong mã của chúng tôi là - . Cũng là một thẻ được ghép nối ( Và), bên trong là toàn bộ phần hiển thị của trang web, tức là. văn bản, hình ảnh, liên kết, thông tin chung mà bạn muốn đặt trên trang web.

Trong bài học tiếp theo chúng ta sẽ nói về các loại thẻ và quy tắc viết chúng.

9 phiếu

Chào mừng bạn đến với các trang của blog Start-Luck. Hôm nay tôi xin hướng dẫn các bạn cách sử dụng mã này. Viết trang web là một hoạt động thú vị nhưng có vẻ khó khăn đối với nhiều người. Trên thực tế, một trang đơn giản có thể được tạo chỉ trong 5 phút.

Trong bài viết này tôi sẽ nói về việc tạo một trang html. Chúng tôi sẽ hoàn thành nhiệm vụ này trong vòng chưa đầy 10 phút và sau đó chúng tôi sẽ xem xét các thẻ chính chi tiết hơn. Sẽ là sai lầm nếu gọi ấn phẩm như vậy là một bài học. Đây đúng hơn là một hạt giống được thiết kế để cho bạn thấy sự đơn giản của công việc và mang lại cho bạn mong muốn tiếp tục, học hỏi nhiều hơn, làm tốt hơn.

Cách tạo một trang

Tôi đề nghị bạn nên tạo trang đầu tiên trong một cuốn sổ tay. Đơn giản nhất, nằm trong menu Bắt đầu, là thư mục “Phụ kiện”. Không cần phải tải xuống bất cứ điều gì. Hãy cố gắng sử dụng những gì bạn có.

Mở tài liệu.

Dán mã này vào nó.

<html > <đầu > <tiêu đề > Trang đầu tiên của tôi</tiêu đề> </đầu> <cơ thể > <trung tâm >

</h1> <anh/>
<trung tâm > "https://pixabay.com/static/uploads/photo/2016/10/14/18/03/workplace-1740807_960_720.jpg"> <anh/>
<kiểu chữ="màu:đỏ" ></phông chữ> <anh/>
<b></b> <anh/>
Chúng ta đã chạm tới đáy<anh/>
Bây giờ bạn đã biết thêm một chút về thẻ và có thể sử dụng chúng. Hãy thử chèn một liên kết để liên kết nhiều trang với nhau.<anh/>
<giờ > Ví dụ: đây là liên kết tới blog của tôi -<a href = "http://site/" > Khởi đầu may mắn</a>- chỉ nói về “những điều phức tạp”.<anh/>
<anh/>
</cơ thể> </html>

Trang đầu tiên của tôi

Tạo một trang dễ dàng hơn bạn nghĩ

Nhiều người có thể nghĩ rằng việc tạo ra trang web là điều khó khăn, thậm chí là không thể. Để làm được điều này bạn cần phải nghiên cứu, học hỏi và làm rất nhiều. Trên thực tế, có khoảng 100 thẻ thậm chí bạn không cần phải học. Điều quan trọng là phải hiểu những gì được sử dụng và ở đâu. Bạn có thể tra cứu thông tin trong nhiều bảng ghi chú khác nhau và theo thời gian, bạn sẽ bắt đầu ghi nhớ các thẻ một cách tự động.



Một mã đơn giản cho phép bạn làm cho văn bản có màu đỏ

Viết đậm không khó lắm

Chúng ta đã chạm tới đáy

Bây giờ bạn đã biết thêm một chút về thẻ và có thể sử dụng chúng. Hãy thử chèn một liên kết để liên kết nhiều trang với nhau..

Được rồi, mọi chuyện đã kết thúc rồi. Trang đầu tiên của bạn đã sẵn sàng

Tệp phải được đặt tên chỉ mục.html. Kết thúc ".html" cho biết phần mở rộng của tập tin. Nếu bạn chỉ cần nhập tên chỉ mục, tài liệu sẽ được lưu dưới dạng tệp văn bản và sẽ không được trình duyệt mở.

Tôi đã lưu tài liệu vào máy tính để bàn của mình. Bây giờ bạn cần tìm nó, nhấp chuột phải và mở nó bằng bất kỳ trình duyệt nào. Tôi sẽ chọn Google Chrome.

Đây là giao diện của trang tôi vừa tạo. Của bạn sẽ không khác. Mọi thứ đều giống hệt nhau: với hình ảnh và phông chữ màu.

Bây giờ tôi sẽ nói về thẻ chi tiết hơn, nhưng bây giờ chúng ta hãy xóa “ khỏi tiêu đề trung tâm " và chèn một dòng chứa từ " Màu sắc" Nhân tiện, tôi đã viết rồi. Nó rất đơn giản, tôi khuyên bạn nên đọc nó.

Lưu lại tài liệu, lần này bạn chỉ cần sử dụng phím tắt Ctrl + S, sau đó làm mới trang trong trình duyệt bằng nút F5

Hãy nhớ rằng hầu hết mọi thẻ đều phải mở và đóng. Tức là mã có dấu gạch chéo phải nằm ở đâu đó. Trong trường hợp này nó trông như thế này: .

Bạn thấy tiêu đề đã chuyển sang màu đỏ. Theo cách tương tự, bạn có thể tạo sắc thái mong muốn cho bất kỳ phần nào của văn bản.

Chà, thế là xong, ví dụ đã sẵn sàng và bạn nên tự hào về bản thân mình. Tất nhiên, nó vẫn chưa trực tuyến, để làm được điều này, trang web phải được đăng lên do nhà cung cấp dịch vụ lưu trữ cung cấp. Bạn cũng cần kết nối miền của mình để người khác có thể nhìn thấy tác phẩm của bạn.

Hiện tại, chỉ có bạn mới có thể xem trang này. Nhưng bạn phải thừa nhận rằng, một địa điểm như vậy chỉ có thể gây ngạc nhiên cho một người từ Thời đại đồ sắt. Nhưng đây là lần thử đầu tiên, hãy làm cho nó thành công hơn nữa bằng cách hiểu các thẻ mà chúng tôi đã sử dụng. Điều này sẽ giúp bạn học cách tạo dự án của riêng mình mà không cần sự trợ giúp của bất kỳ ai.

Thẻ

Với sự cho phép của bạn, tôi sẽ chuyển sang chương trình NotePad++. Nó có một số ưu điểm so với notepad thông thường. Bây giờ tôi thực sự cần làm nổi bật thẻ để cho bạn thấy các yếu tố mà tôi sẽ nói đến. Nói chung, nếu bạn định học html thì tôi thực sự khuyên bạn nên cài đặt chương trình miễn phí này.

Cô ấy không phải là người duy nhất và tôi có thể cung cấp cho bạn thêm một vài lựa chọn khác nếu ai đó quan tâm đến các lựa chọn thay thế. Chúng ta sẽ chuyển sang phần lý thuyết.

Nền tảng

Trang bắt đầu và kết thúc bằng thẻ . Chúng hiển thị cho trình duyệt rằng đây là một tài liệu web được tạo bằng html.

Tiếp theo đến hoặc tiêu đề. Nó chứa thông tin quan trọng nhất về trang, trong trường hợp của chúng tôi - . Nếu bạn chưa tìm thấy cụm từ “Trang đầu tiên của tôi”, có trong mã, hãy chú ý đến chính tab đó, phía trên dòng tìm kiếm.

Đó là các thẻ chịu trách nhiệm về phần đầu và phần cuối của thông tin chính về trang.

Nhãn

chỉ ra rằng cụm từ đó là một tiêu đề. Theo mặc định, nó lớn hơn văn bản chính một chút và được tô đậm. Nếu bây giờ bạn và tôi không chỉ viết bằng html mà còn tạo một tệp CSS mà tệp của chúng tôi chồng lên nhau, thì chúng tôi có thể kiểm soát kích thước, phông chữ và thậm chí cả màu sắc của tất cả các tiêu đề trên trang mà không cần viết kiểu phông chữ , như chúng ta đã làm trong ví dụ. Mặc dù còn quá sớm để nói về điều này.

Nhân tiện, Tiêu đề và H1 có ảnh hưởng khi chỉ định vị trí cho trang web của bạn trong kết quả tìm kiếm. Bạn cần phải hết sức quan tâm đến chúng và không viết bất cứ điều gì bên trong chỉ vì mục đích đó. Họ có liên quan đến. Ngoài h1 còn có h2, h3, h4.

Trong cùng một dòng có phần mở đầu và kết thúc

. Nhờ yếu tố này, bạn có thể căn chỉnh văn bản ở giữa. Nếu thẻ này bị loại bỏ, văn bản sẽ được căn chỉnh sang phải.


 - một trong số ít thẻ đơn. Tức là nó tự hoạt động. Nhờ đó, bạn có thể chuyển các phần tử từ dòng này sang dòng khác. Nói một cách đơn giản, bạn thụt lề. Chúng tôi đã viết nó một lần, có nghĩa là chúng tôi đã di chuyển xuống một lần, hai lần, giống như tôi đã làm, và vết lõm hóa ra lớn hơn một chút.

Hình ảnh

Tiếp theo là thẻ hình ảnh , tức là hình ảnh, hình ảnh. Dấu ngoặc vuông mở ra, tất cả thông tin cơ bản về hình ảnh được nhập vào đó và chỉ sau đó nó mới đóng lại. Cần lưu ý rằng hình ảnh là một thẻ và tất cả các thành phần mã khác phù hợp bên trong đều là thuộc tính của thẻ.

Điều đầu tiên là thay thế , tức là một mô tả. Điều này cũng cần thiết để tối ưu hóa. Đôi khi nó cũng được thêm vào tiêu đề . Khi bạn di chuột qua hình ảnh, chú giải công cụ sẽ xuất hiện bên cạnh con trỏ khi trang đã được mở trong trình duyệt.

Có thể tải bản vẽ lên thư mục trang web và viết đường dẫn đến nó, nhưng tôi đã chọn cách đơn giản. Tôi tìm thấy một bức ảnh trong số Pixabay, mở nó trong một cửa sổ mới và dán liên kết.

Trong thẻ src đường dẫn đến hình ảnh được chỉ định. Chính anh ta là người cho trình duyệt biết phải di chuyển tiếp theo những gì để tìm thấy hình ảnh mong muốn và nhìn theo hướng nào - bạn tự viết nó.

Định dạng văn bản

chịu trách nhiệm cung cấp cho một phần văn bản một số phong cách đặc biệt, ví dụ, như trong trường hợp của chúng tôi, một màu khác. style="color:red" cho biết màu sẽ là màu đỏ. Muốn màu vàng thì ghi yellow, green - xanh lá cây. Bạn có thể sử dụng mã màu từ Photoshop.

giúp làm đậm văn bản.

vẽ một đường ngang. Nó là duy nhất và chỉ được sử dụng khi đóng cửa. Nếu bạn viết
nhiều lần, bạn sẽ nhận được chính xác số sọc ngang như nhau khi mở trang trong trình duyệt.

Liên kết

cho trình duyệt biết rằng sẽ có một liên kết tiếp theo. Bạn muốn chuyển hướng người đọc đến một địa chỉ khác. Thẻ này đi kèm với một thuộc tính bắt buộc href=”địa chỉ” . Dấu ngoặc kép chứa đường dẫn mà trình duyệt sẽ đưa khách truy cập trang đến. Sau khi thẻ này được viết, một mô tả, một từ hoặc nhiều từ sẽ được chèn vào, khi nhấp vào sẽ đưa người đọc đi xa hơn. Khi các điều kiện này được đáp ứng, bạn có thể chèn thẻ đóng thứ hai .

Sau khi viết xong phần chính của trang thì bạn đóng thẻ lại thân hình , kể từ khi cơ thể được hoàn thành. Và cho biết rằng bạn ngừng sử dụng nó trong ngày hôm nay html .

Nếu bạn muốn tìm hiểu thêm về thẻ html và tìm hiểu cách chèn không chỉ hình ảnh mà còn cả video, tạo nút, các biểu mẫu, danh sách, đoạn văn khác nhau thì tôi có thể cung cấp cho bạn một khóa học miễn phí của Evgeniy Popov “ Khái niệm cơ bản về HTML " Chỉ có 33 bài học sẽ giúp bạn đạt được cấp độ tiếp theo.


Tôi cũng muốn giới thiệu cho bạn một khóa học video hướng dẫn bạn cách thiết kế trang web. Toàn bộ quá trình được hiển thị bằng các ví dụ thực tế, điều này đặc biệt tốt. Khóa học này dành cho cả những người mới bắt đầu chưa biết HTML và những người đã biết rõ cả HTML và CSS nhưng không biết cách bố trí trang web tốt. Bạn có thể nhận được thông tin đầy đủ hơn bằng cách theo liên kết: www.srs.myruskov.ru/makeup


Ngoài ra, lấy đi Sách miễn phí về tạo trang web ! Cuốn sách này dành cho người mới bắt đầu và đây là nơi tạo trang web FROM và TO. Nghĩa là, một thiết kế được chuẩn bị, sau đó các trang được trình bày, phần phần mềm được viết và sau đó trang web được đăng lên Internet. Tác giả bình luận cẩn thận về mọi thứ và cuốn sách có rất nhiều ảnh chụp màn hình và hình minh họa. Hơn nữa, điểm đặc biệt của cuốn sách là nó không tạo ra một trang web trừu tượng nào đó mà là một trang hoàn toàn có thật tồn tại trên Internet.

Hôm nay bạn đã làm được rất nhiều việc, vì bước đầu tiên là bước khó khăn nhất.

Đăng ký nhận bản tin và Nhóm VKontakte và tìm hiểu thêm: cách thức và lý do bạn cần một công cụ trang web, bố cục khối và lưới mô-đun là gì, cách viết trang web chính xác, v.v.

Hẹn gặp lại và chúc may mắn!

HTML là gì

Ngày nay, 3,5 tỷ người sử dụng Internet – tức là một nửa dân số thế giới. Khi truy cập các trang web, nhiều người thậm chí không nhận ra rằng HTML đã được sử dụng để tạo ra chúng. Nếu không có nó, tất cả các trang web sẽ trông giống như một khung vẽ liên tục, không thể đọc được. Chúng ta hãy cố gắng tìm hiểu ngôn ngữ này là gì và tại sao nó lại cần thiết.

HTML và các khái niệm khác

Bất kỳ hoạt động nào do con người phát minh ra, dù là dạy bảng chữ cái cho trẻ em hay chế tạo tên lửa đạn đạo, sớm hay muộn đều phải tuân theo các tiêu chuẩn thống nhất. Điều tương tự cũng xảy ra với việc tạo ra các trang web. Năm 1991, nhà khoa học người Anh Tim Berners-Lee đã phát triển đặc điểm kỹ thuật đầu tiên của ngôn ngữ HTML, giúp mọi người có thể tạo tài liệu để hiển thị trên nhiều thiết bị khác nhau mà không cần kỹ năng đánh máy. HTML bây giờ là tiêu chuẩn trong việc tạo trang web.

ngôn ngữ HTML

HTML viết tắt là viết tắt của HyperTextMarkupLanguage. Nghĩa là, HTML là ngôn ngữ đánh dấu siêu văn bản cho các tài liệu được đăng trên Internet. Thông qua việc sử dụng nó, trình duyệt nhận được thông tin về cách hiển thị các phần tử khác nhau của trang web. Một số người dùng nhầm lẫn HTML với ngôn ngữ lập trình, nhưng nó không thể được sử dụng để thực hiện bất kỳ hành động nào - ví dụ: mở một cửa sổ bật lên. Đây chỉ là đánh dấu - tương tự như những gì mọi người dùng Microsoft Word đã gặp phải. Bạn có thể sử dụng nó để tạo bảng, định dạng văn bản, thêm liên kết vào ảnh, v.v.

Mã HTML bao gồm các thẻ– các lệnh mà việc đánh dấu được chỉ định. Mỗi thẻ được đặt trong dấu ngoặc nhọn và chịu trách nhiệm cho một nhiệm vụ cụ thể. Ví dụ: sử dụng thẻ bạn có thể đánh dấu văn bản in đậm và các lệnh

, Và
cho phép bạn vẽ một bảng.

Bạn có thể viết một trang web bằng html trong trình soạn thảo văn bản đơn giản nhất, đặt các thẻ chính xác và thay thế phần mở rộng .txt bằng .html. Đối với những người dùng không biết HTML là gì, nhiều trình soạn thảo đã được tạo ra để làm việc với mã trở nên đơn giản và rõ ràng. Các chương trình phổ biến nhất là FrontPage, Dreamweaver và HomeSite. Tất cả chúng đều làm cho quá trình tạo trang web trở nên dễ dàng hơn nhưng lại làm tắc nghẽn mã trang bằng các thẻ không cần thiết, làm tăng khối lượng của chúng. Do đó, nhiều người ngay cả những người xây dựng trang web mới làm quen cũng thích học ngôn ngữ đánh dấu siêu văn bản và viết mã HTML theo cách thủ công.

Trang web là gì

Đặc trưng một trang web là một tài liệu ở định dạng html, mở bằng trình duyệt và có một địa chỉ duy nhất trên Internet. Ngoài văn bản, nó có thể chứa:


  • Những bức ảnh;
  • ảnh;
  • tập tin âm thanh và video;
  • những cái bàn;
  • danh sách;
  • liên kết đến các trang khác.

Tập hợp các văn bản và các khối thông tin khác của một trang được gọi là nội dung. Các yếu tố bắt buộc của nó cũng là các siêu liên kết, bằng cách nhấp vào đó bạn có thể nhanh chóng chuyển đến trang khác, tải xuống một tệp hoặc chương trình đa phương tiện.

Thông thường, một trang web bao gồm:

  • “tiêu đề”, chứa thông tin cơ bản: tên trang web, logo, khẩu hiệu, số điện thoại, hình thức tìm kiếm;
  • khối chính nơi chứa nội dung trang;
  • cột bên có danh sách dài: mục menu, tiêu đề;
  • “chân trang” với danh bạ, bản quyền, quầy truy cập, các mục menu riêng lẻ.

Một trang web có thể tĩnh hoặc động. Những cái đầu tiên được viết bằng HTML và không thay đổi trên máy chủ. Các trang động không tồn tại cho đến khi người dùng gửi yêu cầu tạo chúng. Chúng được tạo bởi các tập lệnh được viết bởi các lập trình viên bằng các ngôn ngữ lập trình khác nhau. Sử dụng các trang web động, sẽ rất thuận tiện khi làm việc với các cổng tin tức, cửa hàng trực tuyến và các tài nguyên khác chứa đầy thông tin thay đổi thường xuyên.

Trang web là gì

Sau khi hiểu trang web là gì, chúng ta có thể chuyển sang khái niệm trang web. Trang web là một tập hợp các trang web, thống nhất bởi một chủ đề và thiết kế chung. Trang chính của trang chứa nhiều liên kết đến các nguồn thông tin nội bộ, mỗi liên kết là một trang web riêng biệt. Trang web có thể bao gồm một trang, nhưng nó chắc chắn sẽ chứa các liên kết đến các tài nguyên khác: tệp video, cửa sổ bật lên, tài liệu để tải xuống.

Mỗi trang web có tên miền riêng, được nhập vào thanh địa chỉ của trình duyệt. Nó ngắn gọn và súc tích hơn nhiều so với địa chỉ các trang web nội bộ nên việc ghi nhớ sẽ không gặp khó khăn. Một số trang web có từ 2 địa chỉ trở lên dẫn đến cùng một tài nguyên. Điều này thường được thực hiện bởi các công ty muốn khách hàng có thể tìm thấy trang web của họ bằng cách nhập tên công ty bằng cả tiếng Latin và tiếng Cyrillic. Tùy thuộc vào khối lượng và tính chất của nội dung, các trang web được chia thành 3 loại.