Thực đơn
trang chủYandex

Cách tạo một trang web bằng html. Trang web là gì: thành phần của nó, cách tạo và lưu

Trước khi bắt đầu hành trình qua các bài học xây dựng trang web HTML và CSS, điều quan trọng là phải hiểu sự khác biệt giữa hai ngôn ngữ, cú pháp của từng ngôn ngữ và một số thuật ngữ cơ bản.

HTML và CSS là gì?

HTML (Ngôn ngữ đánh dấu siêu văn bản) xác định cấu trúc nội dung và ý nghĩa của nó, xác định nội dung như tiêu đề, đoạn văn hoặc hình ảnh. CSS (Cascading Style Sheets) là ngôn ngữ trình bày được tạo để tạo kiểu cho giao diện của nội dung, chẳng hạn như sử dụng phông chữ hoặc màu sắc.

Hai ngôn ngữ này - HTML và CSS - độc lập với nhau và sẽ vẫn như vậy. CSS không nên được viết bên trong tài liệu HTML và ngược lại. Theo nguyên tắc chung, HTML sẽ luôn thể hiện nội dung và CSS sẽ luôn xác định kiểu dáng.

Với sự hiểu biết về sự khác biệt giữa HTML và CSS, hãy đi sâu vào HTML chi tiết hơn.

Điều khoản HTML cơ bản

Trước khi bắt đầu làm việc với HTML, bạn có thể sẽ gặp một số thuật ngữ mới và thường là lạ. Bạn sẽ trở nên quen thuộc hơn với tất cả chúng theo thời gian, nhưng bây giờ bạn nên bắt đầu với ba thuật ngữ HTML cơ bản - thành phần, thẻ và thuộc tính.

Yếu tố

Các phần tử xác định cách xác định cấu trúc và nội dung của các đối tượng trên một trang. Một số phần tử thường được sử dụng bao gồm nhiều cấp độ tiêu đề (được định nghĩa là các phần tử có

trước

) và các đoạn văn (được định nghĩa là

); Bạn có thể bao gồm các phần tử trong danh sách ,

, , Và và nhiều người khác.

Các phần tử được xác định bằng dấu ngoặc nhọn<>, bao quanh tên phần tử. Vì vậy, phần tử sẽ trông như thế này:

Thẻ

Thêm dấu ngoặc nhọn< и >tạo ra cái được gọi là thẻ xung quanh phần tử. Thẻ thường xuất hiện theo cặp thẻ mở và đóng.

Thẻ mở đánh dấu sự bắt đầu của phần tử. Nó bao gồm một biểu tượng<, затем идёт имя элемента и завершается символом >; Ví dụ,

.

Thẻ đóng đánh dấu sự kết thúc của phần tử. Nó bao gồm một biểu tượng< с последующей косой чертой и именем элемента и завершается символом >; Ví dụ,

.

Nội dung xuất hiện giữa thẻ mở và thẻ đóng chính là nội dung của phần tử đó. Ví dụ: liên kết sẽ có thẻ mở và thẻ đóng. Giữa hai thẻ này sẽ là nội dung của liên kết.

Vì vậy, các thẻ liên kết sẽ trông giống như thế này:

...

Thuộc tính

Thuộc tính là các thuộc tính được sử dụng để cung cấp thông tin bổ sung về một phần tử. Các thuộc tính phổ biến nhất bao gồm thuộc tính id, xác định phần tử; thuộc tính lớp, phân loại phần tử; thuộc tính src chỉ định nguồn của nội dung được nhúng; và thuộc tính href, chỉ định liên kết đến tài nguyên được liên kết.

Các thuộc tính được xác định trong thẻ mở sau tên phần tử. Nói chung, các thuộc tính bao gồm tên và giá trị. Định dạng cho các thuộc tính này bao gồm tên thuộc tính, theo sau là dấu bằng, theo sau là giá trị thuộc tính trong dấu ngoặc kép. Ví dụ, phần tử với thuộc tính href sẽ trông như thế này:

Shay Howe

Trình diễn các thuật ngữ HTML cơ bản

Mã này sẽ hiển thị dòng chữ "Shay Howe" trên một trang web và khi nhấp vào dòng chữ này sẽ đưa người dùng đến http://shayhowe.com. Phần tử liên kết được khai báo bằng thẻ mở và thẻ đóng bao gồm văn bản, cũng như thuộc tính và giá trị của địa chỉ liên kết được khai báo qua href="http://shayhowe.com" trong thẻ mở.

Cơm. 1,01. Cú pháp HTML ở dạng phác thảo bao gồm phần tử, thuộc tính và thẻ

Bây giờ bạn đã biết các thành phần, thẻ và thuộc tính HTML là gì, hãy xem trang web đầu tiên của chúng ta. Nếu có điều gì đó mới mẻ ở đây, đừng lo lắng - chúng tôi sẽ chia nhỏ nó khi chúng tôi tiếp tục.

Tùy chỉnh cấu trúc tài liệu HTML

Tài liệu HTML là tài liệu văn bản đơn giản được lưu với phần mở rộng .html thay vì .txt. Để bắt đầu viết HTML, trước tiên bạn cần một trình soạn thảo văn bản mà bạn cảm thấy thoải mái khi sử dụng. Thật không may, điều này không bao gồm Microsoft Word hoặc Pages, vì đây là những trình soạn thảo phức tạp. Hai trình soạn thảo văn bản phổ biến nhất để viết HTML và CSS là Dreamweaver và Sublime Text. Các lựa chọn thay thế miễn phí cũng bao gồm Notepad++ cho Windows và TextWrangler cho Mac.

Tất cả tài liệu HTML đều chứa cấu trúc bắt buộc, bao gồm các khai báo và thành phần sau: , , Và .

Khai báo loại tài liệu hoặcnằm ở phần đầu của tài liệu HTML và cho trình duyệt biết phiên bản HTML nào đang được sử dụng. Vì chúng tôi sẽ sử dụng phiên bản HTML mới nhất nên loại tài liệu của chúng tôi sẽ đơn giản là. Sau đó là phần tử cho biết sự bắt đầu của một tài liệu.

Bên trong yếu tố xác định phần đầu của tài liệu, bao gồm nhiều siêu dữ liệu khác nhau (thông tin đi kèm về trang). Nội dung bên trong một phần tử không xuất hiện trên chính trang web đó. Thay vào đó, nó có thể bao gồm tiêu đề của tài liệu (xuất hiện trên thanh tiêu đề của cửa sổ trình duyệt), liên kết đến bất kỳ tệp bên ngoài nào hoặc bất kỳ siêu dữ liệu hữu ích nào khác.

Tất cả nội dung hiển thị của trang web sẽ được chứa trong phần tử . Cấu trúc của một tài liệu HTML điển hình trông như thế này:

Chào thế giới!

Chào thế giới!

Đây là một trang web.

Trình diễn cấu trúc tài liệu HTML

Mã này hiển thị tài liệu, bắt đầu bằng phần khai báo loại tài liệu,, sau đó ngay lập tức có phần tử . Bên trong các yếu tố đang đến Và . Yếu tố chứa mã hóa trang thông qua thẻ và tiêu đề của tài liệu thông qua phần tử . Yếu tố <body>bao gồm tiêu đề thông qua phần tử <h1>và một đoạn văn bản thông qua<р>. Bởi vì cả tiêu đề và đoạn văn đều được lồng trong phần tử <body>, chúng được hiển thị trên trang web.</p><p>Khi một phần tử nằm bên trong một phần tử khác, còn được gọi là phần tử lồng nhau, bạn nên thụt lề phần tử đó để giữ cho cấu trúc tài liệu được tổ chức tốt và dễ đọc. Trong đoạn mã trước cả hai phần tử <head>Và <body>được lồng và dịch chuyển trong phần tử <html>. Cấu trúc thụt lề cho các phần tử tiếp tục với các phần tử mới được thêm vào bên trong <head>Và <body> .</p><h3>Yếu tố tự đóng</h3><p>Trong ví dụ trước, phần tử <meta>là thẻ duy nhất không có thẻ đóng. Đừng lo lắng, điều này đã được thực hiện có chủ ý. Không phải tất cả các phần tử đều bao gồm thẻ mở và thẻ đóng. Một số thành phần chỉ nhận nội dung hoặc hành vi thông qua các thuộc tính trong một thẻ duy nhất. <meta>là một trong những yếu tố này. Nội dung phần tử <meta>trong ví dụ này nó được gán bằng thuộc tính bộ ký tự và một giá trị. Các yếu tố tự đóng điển hình khác bao gồm:</p><ul><li><br> </li><li><embed> </li><li><hr> </li><li><img> </li><li><input> </li><li><li><meta> </li><li><param> </li><li><source> </li><li><wbr> </li> </ul><p>Giảm cấu trúc được thực hiện bằng cách sử dụng khai báo loại tài liệu<!DOCTYPE html>và các yếu tố <html> , <head>Và <body>, khá phổ biến. Chúng tôi muốn giữ cấu trúc tài liệu này thuận tiện vì chúng tôi sẽ sử dụng nó thường xuyên khi tạo tài liệu HTML mới.</p><h3>Xác thực mã</h3><p>Cho dù chúng ta có viết mã cẩn thận đến đâu thì lỗi vẫn không thể tránh khỏi. May mắn thay, khi viết HTML và CSS, chúng ta có trình xác thực để kiểm tra công việc của mình. W3C cung cấp trình xác thực HTML và CSS để quét mã lỗi. Việc xem lại mã của chúng tôi không chỉ giúp mã hiển thị chính xác trong tất cả các trình duyệt mà còn giúp dạy các phương pháp hay nhất khi viết mã.</p><h2>Trên thực tế</h2><p>Với tư cách là nhà thiết kế web và nhà phát triển giao diện người dùng, chúng tôi có vinh dự được tham dự một số hội nghị lớn dành riêng cho nghề của mình. Chúng ta sẽ tổ chức Hội nghị Phong cách của riêng mình và tạo một trang web cho nó trong suốt các bài học tiếp theo. Như thế này!</p><br><img src='https://i0.wp.com/webref.ru/assets/images/learn-html-css/practice-1.png' width="100%" loading=lazy loading=lazy><p>Hãy chuyển hướng khỏi HTML một chút và xem xét CSS. Hãy nhớ rằng, HTML xác định nội dung và cấu trúc của các trang web của chúng ta, trong khi CSS xác định phong cách và hình thức trực quan của chúng.</p><h2>Điều khoản CSS cơ bản</h2><p>Ngoài các thuật ngữ HTML, còn có một số thuật ngữ CSS cơ bản mà bạn cần phải làm quen. Các thuật ngữ này bao gồm bộ chọn, thuộc tính và giá trị. Cũng giống như thuật ngữ HTML, bạn càng làm việc với CSS nhiều thì những thuật ngữ này càng trở thành bản chất thứ hai.</p><h3>Bộ chọn</h3><p>Khi bạn thêm các thành phần vào trang web, chúng có thể được tạo kiểu bằng CSS. Bộ chọn xác định phần tử hoặc các phần tử nào trong HTML để nhắm mục tiêu và áp dụng các kiểu (như màu sắc, kích thước và vị trí) cho. Bộ chọn có thể bao gồm sự kết hợp của nhiều số liệu khác nhau để chọn các phần tử duy nhất, tùy thuộc vào mức độ cụ thể mà chúng tôi muốn. Ví dụ: chúng tôi muốn chọn mọi đoạn trên một trang hoặc chỉ chọn một đoạn cụ thể.</p><p>Bộ chọn thường được liên kết với một giá trị thuộc tính, chẳng hạn như giá trị id hoặc lớp hoặc tên thành phần, chẳng hạn như <h1>hoặc<р> .</p><p>Trong CSS, bộ chọn được kết hợp với dấu ngoặc nhọn (), bao quanh các kiểu được áp dụng cho phần tử đã chọn. Bộ chọn này nhắm mục tiêu tất cả các phần tử <span><p>P(...)</p><h3>Của cải</h3><p>Khi một phần tử được chọn, thuộc tính sẽ xác định kiểu sẽ được áp dụng cho phần tử đó. Tên thuộc tính đặt sau bộ chọn, bên trong dấu ngoặc nhọn () và ngay trước dấu hai chấm. Có nhiều thuộc tính mà chúng ta có thể sử dụng, chẳng hạn như nền, màu sắc, cỡ chữ, chiều cao và chiều rộng cũng như các thuộc tính thường được thêm khác. Trong đoạn mã sau, chúng tôi xác định các thuộc tính màu sắc và kích thước phông chữ áp dụng cho tất cả các thành phần <span><p>P (màu: ...; cỡ chữ: ...; )</p><h3>Giá trị</h3><p>Cho đến nay, chúng tôi chỉ chọn một phần tử thông qua bộ chọn và xác định kiểu nào chúng tôi muốn áp dụng cho phần tử đó thông qua các thuộc tính. Bây giờ chúng ta có thể thiết lập hành vi của thuộc tính này thông qua một giá trị. Các giá trị có thể được chỉ định dưới dạng văn bản giữa dấu hai chấm và dấu chấm phẩy. Dưới đây chúng tôi chọn tất cả các yếu tố <p >Và đặt giá trị thuộc tính màu thành màu cam và giá trị thuộc tính cỡ chữ thành 16 pixel.</p><p>P (màu: cam; cỡ chữ: 16px; )</p><p>Để kiểm tra điều này, trong CSS, bộ quy tắc của chúng tôi bắt đầu bằng bộ chọn, ngay sau đó là dấu ngoặc nhọn. Các dấu ngoặc nhọn này chứa các khai báo bao gồm các cặp thuộc tính và giá trị. Mỗi khai báo bắt đầu bằng một thuộc tính, theo sau là dấu hai chấm, giá trị của thuộc tính và cuối cùng là dấu chấm phẩy.</p><p>Một cách thực hành phổ biến là dịch chuyển các cặp thuộc tính và giá trị bên trong dấu ngoặc nhọn. Giống như HTML, thụt lề giúp giữ cho mã của chúng ta có tổ chức và rõ ràng.</p><p><img src='https://i1.wp.com/webref.ru/assets/images/learn-html-css/css-syntax-outline.png' height="138" width="257" loading=lazy loading=lazy></p><p>Cơm. 1,03. Cấu trúc cú pháp CSS bao gồm bộ chọn, thuộc tính và giá trị</p><p>Biết một số thuật ngữ cơ bản và cú pháp CSS chung là một khởi đầu tuyệt vời, nhưng chúng ta cần đề cập thêm một số điểm trước khi đi sâu vào. Đặc biệt, chúng ta cần xem xét kỹ hơn cách hoạt động của bộ chọn trong CSS.</p><h2>Làm việc với bộ chọn</h2><p>Bộ chọn, như đã đề cập trước đó, cho biết phần tử HTML nào sẽ được tạo kiểu. Điều quan trọng là phải hiểu đầy đủ cách sử dụng bộ chọn và cách chúng hoạt động. Bước đầu tiên là làm quen với các loại bộ chọn khác nhau. Chúng ta sẽ bắt đầu với các bộ chọn cơ bản nhất: bộ chọn loại, lớp và mã định danh.</p><h3>Bộ chọn loại</h3><p>Bộ chọn loại các phần tử mục tiêu theo loại của chúng. Ví dụ: nếu chúng ta muốn nhắm mục tiêu tất cả các phần tử <div>chúng ta phải sử dụng bộ chọn div. Đoạn mã sau hiển thị bộ chọn loại cho các phần tử <div>, cũng như HTML tương ứng.</p><p>Phân(...)</p><p> <div>...</div> <div>...</div> </p><h3>Các lớp học</h3><p>Các lớp cho phép bạn chọn một phần tử dựa trên giá trị của thuộc tính lớp. Bộ chọn lớp cụ thể hơn một chút so với bộ chọn loại vì chúng chọn một nhóm phần tử cụ thể thay vì tất cả các phần tử cùng loại.</p><p>Các lớp cho phép bạn áp dụng cùng một kiểu cho các phần tử khác nhau cùng một lúc bằng cách sử dụng cùng một giá trị thuộc tính lớp cho nhiều phần tử.</p><p>Trong CSS, các lớp được biểu thị bằng dấu chấm ở đầu, theo sau là giá trị của thuộc tính lớp. Bộ chọn lớp bên dưới chọn tất cả các phần tử chứa giá trị của thuộc tính lớp tuyệt vời, bao gồm các phần tử <div>Và <span><p>Tuyệt vời(...)</p><p> <div class="awesome">...</div> </p><h3>Số nhận dạng</h3><p>Mã định danh thậm chí còn chính xác hơn các lớp vì chúng chỉ nhắm mục tiêu một phần tử duy nhất tại một thời điểm. Giống như bộ chọn lớp sử dụng giá trị của thuộc tính lớp, mã định danh sử dụng giá trị của thuộc tính id làm bộ chọn.</p><p>Bất kể loại phần tử nào được hiển thị, giá trị thuộc tính id chỉ có thể được sử dụng một lần trên một trang. Nếu có id thì chúng sẽ được dành riêng cho các phần tử quan trọng.</p><p>Trong CSS, số nhận dạng được biểu thị bằng ký hiệu băm ở phía trước, theo sau là giá trị của thuộc tính id. Ở đây id sẽ chỉ chọn phần tử chứa thuộc tính id có giá trị shayhowe.</p><p>#shayhowe ( ... )</p><p> <div id="shayhowe">...</div> </p><h3>Bộ chọn bổ sung</h3><p>Bộ chọn là những thứ cực kỳ mạnh mẽ và những thứ được mô tả ở trên là một trong những bộ chọn phổ biến nhất mà chúng tôi gặp. Những bộ chọn này chỉ là sự khởi đầu. Có rất nhiều bộ chọn nâng cao có sẵn và chúng luôn sẵn có. Khi bạn đã cảm thấy thoải mái với chúng, đừng ngại xem qua một số cái nâng cao hơn.</p><p>Được rồi, hãy bắt đầu sắp xếp mọi thứ lại với nhau. Chúng tôi thêm các phần tử vào trang bên trong HTML của mình, sau đó chúng tôi có thể chọn các phần tử đó và tạo kiểu cho chúng bằng CSS. Bây giờ chúng ta hãy kết nối các điểm giữa HTML và CSS để hai ngôn ngữ này hoạt động cùng nhau.</p><h2>Kết nối CSS</h2><p>Để làm cho CSS tương tác với HTML, chúng ta phải trỏ đến tệp CSS từ HTML. Một cách thực hành tốt là đưa tất cả các kiểu của chúng ta vào một tệp bên ngoài, tệp này được trỏ đến bên trong phần tử <head>tài liệu HTML của chúng tôi. Việc sử dụng một CSS bên ngoài cho phép chúng tôi áp dụng các kiểu giống nhau trên toàn bộ trang web và thực hiện các thay đổi nhanh chóng.</p><h3>Các tùy chọn khác để thêm CSS</h3><p>Các tùy chọn khác để kết hợp CSS bao gồm sử dụng kiểu nội bộ và nội tuyến. Bạn có thể gặp những tùy chọn này trong thực tế, nhưng chúng thường không được tán thành vì chúng khiến việc cập nhật trang web trở nên cồng kềnh và rườm rà.</p><p>Để tạo biểu định kiểu bên ngoài, một lần nữa chúng tôi muốn sử dụng trình soạn thảo văn bản mà mình lựa chọn để tạo tệp văn bản mới có phần mở rộng .css. Tệp CSS của chúng tôi phải được lưu trong cùng thư mục hoặc thư mục con với tệp HTML của chúng tôi.</p><p>Bên trong một phần tử <head>phần tử được áp dụng <link>, xác định mối quan hệ giữa các tệp HTML và CSS. Vì chúng tôi đang liên kết với CSS nên chúng tôi sử dụng thuộc tính rel với giá trị biểu định kiểu để biểu thị mối quan hệ của chúng. Ngoài ra, thuộc tính href được sử dụng để chỉ ra vị trí hoặc đường dẫn của tệp CSS.</p><p>Trong tài liệu HTML mẫu sau đây, phần tử <head>trỏ đến một tệp kiểu bên ngoài.</p><p> <head> <link rel="stylesheet" href="main.css"> </head> </p><p>Để CSS hiển thị chính xác, giá trị đường dẫn của thuộc tính href phải khớp trực tiếp với nơi lưu trữ tệp CSS. Trong ví dụ trước, tệp main.css được lưu trữ ở cùng vị trí với tệp HTML, còn được gọi là thư mục gốc.</p><p>Nếu file CSS nằm trong thư mục con thì giá trị của thuộc tính href phải tương ứng với đường dẫn đó. Ví dụ: nếu tệp main.css của chúng tôi được lưu trong thư mục con có tên là bảng định kiểu, thì giá trị của thuộc tính href sẽ là bảng định kiểu/main.css. Điều này sử dụng dấu gạch chéo (hoặc dấu gạch chéo) để biểu thị việc di chuyển đến thư mục con.</p><p>Hiện tại, các trang của chúng tôi đang bắt đầu đi vào cuộc sống, chậm rãi nhưng chắc chắn. Chúng tôi chưa tìm hiểu sâu về CSS, nhưng bạn có thể nhận thấy rằng một số thành phần có kiểu mà chúng tôi không khai báo trong CSS. Chính trình duyệt sẽ áp đặt các kiểu ưa thích của riêng nó cho các thành phần này. May mắn thay, chúng ta có thể viết lại những kiểu này khá dễ dàng, đó là điều chúng ta sẽ làm tiếp theo bằng cách sử dụng thiết lập lại CSS.</p><h2>Sử dụng đặt lại CSS</h2><p>Mỗi trình duyệt có kiểu mặc định riêng cho các thành phần khác nhau. Cách Google Chrome hiển thị tiêu đề, đoạn văn, danh sách, v.v. có thể khác với cách Internet Explorer thực hiện. Để đảm bảo khả năng tương thích giữa nhiều trình duyệt, việc đặt lại CSS đã được sử dụng rộng rãi.</p><p>Đặt lại CSS lấy tất cả các thành phần HTML cơ bản với một kiểu nhất định và cung cấp kiểu nhất quán trên tất cả các trình duyệt. Việc đặt lại này thường liên quan đến việc xóa kích thước, phần đệm, lề hoặc kiểu bổ sung làm giảm các giá trị này. Vì phân tầng CSS hoạt động từ trên xuống dưới (bạn sẽ sớm tìm hiểu về điều đó) - việc thiết lập lại của chúng tôi phải ở vị trí cao nhất trong phong cách của chúng tôi. Điều này đảm bảo rằng các kiểu này được đọc trước tiên và tất cả các trình duyệt khác nhau đều hoạt động từ một điểm tham chiếu chung.</p><p>Có rất nhiều cách đặt lại CSS khác nhau có sẵn để sử dụng, tất cả đều có điểm mạnh riêng. Một trong những cách phổ biến nhất của Eric Meyer, thiết lập lại CSS của anh ấy được điều chỉnh để bao gồm các phần tử HTML5 mới.</p><p>Nếu bạn cảm thấy thích phiêu lưu một chút, thì cũng có Normalize.css do Nicholas Gallagher tạo ra. Normalize.css không tập trung vào việc sử dụng thiết lập lại cứng cho tất cả các thành phần cốt lõi mà thay vào đó là thiết lập các kiểu chung cho các thành phần đó. Điều này đòi hỏi sự hiểu biết sâu hơn về CSS, cũng như kiến ​​thức về những gì bạn muốn đạt được từ các kiểu.</p><h3>Khả năng tương thích và thử nghiệm trên nhiều trình duyệt</h3><p>Như đã đề cập trước đó, các trình duyệt khác nhau hiển thị các phần tử khác nhau. Điều quan trọng là phải nhận ra tầm quan trọng của khả năng tương thích và thử nghiệm trên nhiều trình duyệt. Các trang web không được trông giống hệt nhau trong tất cả các trình duyệt mà phải gần giống nhau. Bạn muốn hỗ trợ trình duyệt nào và bạn sẽ phải đưa ra quyết định ở mức độ nào dựa trên những gì tốt nhất cho trang web của mình.</p><p>Có một số điều cần chú ý khi viết CSS. Tin tốt là bạn có thể làm được tất cả và chỉ cần một chút kiên nhẫn là bạn có thể thành thạo nó.</p><h2>Trên thực tế</h2><p>Hãy quay lại nơi chúng ta dừng lại lần cuối trên trang hội nghị của mình và xem cách chúng ta có thể thêm một số CSS.</p><ol><li>Bên trong thư mục style-conference của chúng ta, hãy tạo một thư mục mới có tên là assets. Đây là nơi chúng tôi sẽ lưu trữ tất cả tài nguyên cho trang web của mình, chẳng hạn như kiểu, hình ảnh, video, v.v. Đối với kiểu của chúng tôi, hãy tiếp tục và thêm một thư mục biểu định kiểu khác bên trong thư mục nội dung.</li><li>Sử dụng trình soạn thảo văn bản, hãy tạo một tệp mới có tên main.css và lưu nó vào thư mục bảng định kiểu mà chúng ta vừa tạo.</li><p>Nhìn vào file index.html trong trình duyệt chúng ta có thể thấy các phần tử <h1>Và <p>Đã chứa kiểu mặc định. Đặc biệt, chúng có kích thước phông chữ và không gian xung quanh độc đáo. Sử dụng thiết lập lại của Eric Meyer, chúng tôi có thể làm mềm các kiểu này, cho phép mỗi kiểu bắt đầu từ cùng một cơ sở. Để làm điều này, hãy xem trang web của anh ấy, sao chép mã và dán nó vào đầu tệp main.css của chúng tôi.</p><p>/* http://meyerweb.com/eric/tools/css/reset/ 2. v2.0 | 20110126 Giấy phép: không có (miền công cộng) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, từ viết tắt, địa chỉ, lớn, trích dẫn, mã, del, dfn, em, img, ins, kbd, q, s, samp, nhỏ, đình công, mạnh mẽ, phụ, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, biểu mẫu, nhãn, chú giải, bàn, chú thích, tbody, tfoot, thead, tr, th, td, bài viết, sang một bên, canvas, chi tiết, nhúng, hình, figcaption, chân trang, tiêu đề, hgroup, menu, nav, đầu ra, ruby, phần, tóm tắt, thời gian, dấu, âm thanh, video ( lề: 0; đệm: 0; viền: 0; cỡ chữ: 100%; phông chữ: kế thừa; căn chỉnh dọc: đường cơ sở ; ) /* Đặt lại vai trò hiển thị HTML5 cho các trình duyệt cũ hơn */ bài viết, sang một bên, chi tiết, figcaption, hình, chân trang, tiêu đề, hgroup, menu, điều hướng, phần ( display: block; ) body ( line-height: 1; ) ol, ul ( list-style: none; ) blockquote, q ( quotes: none; ) blockquote:trước, blockquote:after, q:trước, q:after ( content: ""; content: none; ) bảng ( border- sụp đổ: sụp đổ; khoảng cách đường viền: 0; )</p><li>Tệp main.css của chúng ta đang bắt đầu thành hình, vì vậy hãy kết nối nó với tệp index.html. Mở index.html trong trình soạn thảo văn bản và thêm phần tử <link>V. <head>, ngay sau phần tử <title> .</li><li>Vì chúng ta đang trỏ đến các kiểu thông qua phần tử <link>thêm thuộc tính rel với biểu định kiểu giá trị.</li><p>Chúng tôi cũng sẽ bao gồm một liên kết đến tệp main.css bằng thuộc tính href. Hãy nhớ rằng, tệp main.css của chúng tôi được lưu trong thư mục bảng định kiểu, nằm bên trong thư mục nội dung. Vì vậy, giá trị của thuộc tính href, là đường dẫn đến tệp main.css của chúng ta, phải là assets/stylesheets/main.css.</p><p> <head> <meta charset="utf-8"> <title>Hội nghị phong cách

Đã đến lúc kiểm tra công việc của chúng tôi và xem HTML và CSS của chúng tôi phối hợp với nhau như thế nào. Việc mở tệp index.html (hoặc làm mới trang nếu nó đã mở) trong trình duyệt sẽ hiển thị kết quả hơi khác so với trước đây.

Cơm. 1.04. Trang web Hội nghị về Phong cách của chúng tôi có cài đặt lại CSS

Demo và mã nguồn

Dưới đây bạn có thể xem trang web Styles Conference ở trạng thái hiện tại cũng như tải xuống mã nguồn hiện tại của trang web.

Bản tóm tắt

Vì vậy, mọi thứ đều ổn! Chúng tôi đã thực hiện một số bước quan trọng trong hướng dẫn này.

Nghĩ mà xem, bây giờ bạn đã biết những điều cơ bản về HTML và CSS. Khi chúng tôi tiếp tục và bạn dành nhiều thời gian hơn để viết HTML và CSS, bạn sẽ cảm thấy thoải mái hơn nhiều khi làm việc với hai ngôn ngữ này.

Để tóm tắt lại, chúng tôi đã đề cập đến những điều sau:

  • Sự khác biệt giữa HTML và CSS.
  • Giới thiệu về các phần tử, thẻ và thuộc tính HTML.
  • Thiết lập cấu trúc của trang web đầu tiên của bạn.
  • Giới thiệu về bộ chọn, thuộc tính và giá trị CSS.
  • Làm việc với bộ chọn CSS.
  • Con trỏ tới CSS từ HTML.
  • Tầm quan trọng của việc thiết lập lại CSS.

Bây giờ chúng ta hãy xem xét kỹ hơn về HTML và làm quen một chút với ngữ nghĩa.

Tài nguyên và liên kết

  • Các thuật ngữ HTML phổ biến thông qua Scripting Master
  • Thuật ngữ và định nghĩa CSS thông qua các trang web ấn tượng
  • Công cụ CSS: Đặt lại CSS qua Eric Meyer

Xin chào các độc giả thân mến của trang blog. Từ “web” từ lâu đã trở thành một từ quen thuộc và thường được sử dụng như một từ đồng nghĩa. Nhưng những gì nó thực sự có nghĩa gì? , Web 2.0, tìm kiếm trên web, trang web, trang web, trình duyệt web, quản trị trang web, v.v., bao gồm cả từ này?

Đương nhiên, tất cả những từ này đều liên quan trực tiếp đến Internet, nhưng ý nghĩa cụ thể của chúng không thể nói hết trong vài từ. Đối với tôi, có vẻ như tốt hơn hết bạn nên bắt đầu theo thứ tự để không có sự nhầm lẫn trong đầu. Đừng sợ, sẽ không có “nhiều chữ cái”, nhưng bạn vẫn sẽ phải dành một vài đoạn văn cho mỗi học kỳ. Bạn nghĩ gì? Công nghệ cao là vậy đó...

Web và trực tuyến là gì? Web 2.0 khác với 1.0 như thế nào?

Rất thường xuyên từ “web” cũng được sử dụng thay cho từ “trực tuyến” (chỉ đến bây giờ, khi tôi bắt đầu viết ghi chú này, tôi mới chợt nhận ra mình đang nghĩ về điều này). Mọi người thêm từ web hoặc trực tuyến vào tìm kiếm của họ nghĩa là họ muốn tìm thứ gì đó có thể truy cập được thông qua trình duyệt (ví dụ: họ viết " " hoặc " ").

Nghĩa là, “Web” và “trực tuyến” ở đây về cơ bản là từ đồng nghĩa và có nghĩa là khả năng nhận được thứ gì đó thông qua kết nối Internet đang hoạt động. Đọc sách trực tuyến, xem phim, nghe nhạc qua Internet, trò chuyện hoặc chơi trực tuyến - tất cả những điều này được đặc trưng bởi các từ “web” hoặc “trực tuyến”. Nhân tiện, hiện nay mọi người ngày càng mua ít máy tính cá nhân hơn mà ngày càng có nhiều thiết bị di động hơn, ưu điểm chính của nó là kết nối mạng liên tục.

Và nhìn chung, mọi người ngày càng ít sử dụng các chương trình máy tính để bàn và ngày càng có nhiều ứng dụng web (dịch vụ trực tuyến) có đặc điểm tương tự. Ví dụ, tôi đã viết về, về và những người khác. Nhưng đã có lúc điều này không xảy ra. Thật khó để tưởng tượng trước đây mọi người sống như thế nào.

Vì thế web là gì? Trên thực tế, đây là tất cả những gì tôi đã viết trong bài viết được liên kết tới. Hóa ra đây là tập hợp của hàng triệu trang web được đặt trên máy chủ web (tương tự như máy tính thông thường, nhưng tập trung vào việc thực hiện một số tác vụ nhất định - không có màn hình, nhiều RAM và dung lượng ổ cứng). Các máy chủ hoạt động 24/7 và có thể truy cập từ mọi nơi trên thế giới nhờ liên lạc qua Internet.

Nhưng WEB (cái mà ngày nay chúng ta gọi là WWW) xuất hiện muộn hơn nhiều so với Internet (khả năng vật lý để kết nối máy tính với mạng). Chỉ đến cuối những năm 80, Tim Berners-Lee mới phát minh và tạo ra tất cả các công cụ cần thiết cho việc này, và vài năm sau, trình duyệt web đồ họa đầu tiên đã xuất hiện. Chính xác là từ giữa những năm 90, chúng ta có thể bắt đầu đếm ngược thời đại của World Wide Web - sự tương tác trực tuyến của hàng triệu máy tính người dùng và máy chủ web.

Người ta thường chấp nhận rằng đây là thời đại của cái gọi là "Web 1.0", khi những cái đơn giản cai trị mà không có bất kỳ dấu hiệu tương tác nào. Cái sau (tính tương tác - do khách truy cập tạo ra) chỉ được phép triển khai ở một mức độ nào đó bởi các diễn đàn, bảng khách và cuộc trò chuyện.

Hơn nữa, tất cả những điều này được thực hiện khá vụng về (màu sắc lạ mắt, nền có họa tiết), kém (ghi nhớ thông tin thời tiết hoặc tiền tệ trên hầu hết các trang web), mà không sử dụng tập lệnh CSS và Java.

Mặt khác tất cả những nhược điểm của WEB 1.0được xác định bởi khả năng mà người dùng web có vào thời điểm đó (thường là quay số, với tốc độ tải xuống 5 megabyte mỗi giờ!). Các trang web phức tạp hiện đại với tốc độ Internet như vậy sẽ mất nửa giờ để tải và khả năng của trình duyệt và PC thời đó đơn giản là không cho phép hiển thị hầu hết chức năng của chúng. Nhìn chung, mọi thứ đều tương ứng với thời gian và khả năng kỹ thuật của nó.

Giải pháp tối ưu là công cụ tìm kiếm. khá đơn giản - họ quét tất cả các trang Internet, nghiên cứu nội dung của tất cả các trang web của họ và đưa ra câu trả lời phù hợp nhất để đáp ứng yêu cầu của người dùng tìm kiếm trên web (dưới dạng danh sách các trang có liên quan nhất, được sắp xếp theo mức độ liên quan của chúng với yêu cầu).

Tuy nhiên, những gì dễ dàng trong lời nói lại rất khó thực hiện trong thực tế. Hãy tưởng tượng bạn cần sử dụng bao nhiêu máy chủ web để lưu trữ bản sao của toàn bộ Internet trên đó? Nhưng dữ liệu này vẫn cần được xử lý và trả lời các câu hỏi trong thời gian thực. Không phải vô cớ mà nhà lắp ráp máy tính lớn nhất lại là một công ty không bán chúng. Bạn có thể đoán là cái nào không? Tất nhiên là Google. Họ sử dụng tất cả các máy tính (máy chủ) này để triển khai khả năng tìm kiếm trên web. Ôi, làm sao!

Đây là rất nhiều tiền và nó cho phép bạn và tôi thực hiện tìm kiếm trên web miễn phí, mặc dù có xem quảng cáo.

Trang web, trang và máy chủ web

Cả tệp công cụ và bảng cơ sở dữ liệu đều được lưu trữ và tải lại theo yêu cầu của người dùng trang web từ máy chủ web, được đặt tại máy chủ lưu trữ (ngay cả bây giờ, nơi bạn có thể lưu trữ các trang web trên các công cụ mà không cần thanh toán và không cần quảng cáo).

Hơn nữa, máy chủ web không phải lúc nào cũng đại diện cho toàn bộ máy tính được phân bổ theo ý muốn của bạn (đây được gọi là máy chủ web chuyên dụng). Thông thường, bạn chỉ có thể tùy ý sử dụng một phần của nó (cả trên dịch vụ lưu trữ trả phí và miễn phí) (một phần ổ cứng, một phần RAM và một phần thời gian của bộ xử lý). Vì vậy, máy chủ web thường được coi là môi trường phần mềm cho phép trang web của bạn hoạt động.

Nâng cao một máy chủ web bạn thậm chí có thể làm điều đó trên PC ở nhà của mình (các chương trình và sẽ giúp bạn việc này). Điều này sẽ cho phép bạn tạo các trang web mà không cần truy cập chúng từ Internet. Và khi mọi thứ được gỡ lỗi và định cấu hình, bạn có thể chuyển dự án web sang một máy chủ thực nằm trên dịch vụ lưu trữ trả phí hoặc miễn phí.

Chà, ở đâu đó mọi chuyện lại diễn ra như thế này... Nếu có gì chưa rõ thì hãy hỏi - tôi sẽ cố gắng trả lời.

Chúc bạn may mắn! Hẹn gặp lại bạn sớm trên các trang của trang blog

Bạn có thể xem thêm video bằng cách vào
");">

Bạn có thể quan tâm

Máy chủ - máy chủ là gì và nó khác với máy chủ và dịch vụ lưu trữ như thế nào
Trang web - nó là gì và chúng là gì?
Cách cài đặt WhatsApp trên máy tính - phiên bản PC và sử dụng WhatsApp Web trực tuyến (thông qua trình duyệt web)
Ẩn danh - nó là gì và cách bật chế độ ẩn danh trong trình duyệt Yandex và Google Chrome

Xin chào các độc giả blog thân mến. Với bài viết này, chúng ta sẽ bắt đầu tìm hiểu những điều cơ bản về ngôn ngữ HTML.

Có thể bạn đã biết rằng ngôn ngữ chính của Internet là ngôn ngữ đánh dấu siêu văn bản HTML (Ngôn ngữ đánh dấu siêu văn bản). Trong bài viết này, chúng ta sẽ tìm hiểu các khái niệm cơ bản về HTML và tìm hiểu cách tạo các trang WEB đơn giản.

Hãy bắt đầu với điều quan trọng nhất, hãy xem nó hoạt động như thế nào Mạng toàn cầu - Internet. Để tạo các trang web, bạn tạo các tệp được viết bằng HTML và đặt chúng trên máy chủ web. Sau này, bất kỳ trình duyệt nào được cài đặt trên thiết bị có quyền truy cập Internet, có thể là máy tính, điện thoại hoặc máy tính bảng, đều có thể tìm thấy các trang web của bạn.

máy chủ web- Đây là một máy tính thông thường có phần mềm đặc biệt có thể truy cập Internet. Nó liên tục lắng nghe các yêu cầu từ trình duyệt về các trang web, hình ảnh, tệp âm thanh và video. Sau khi nhận được yêu cầu về một trong những tài nguyên này, máy chủ sẽ tìm kiếm nó và gửi nó đến trình duyệt.

Trình duyệt là một chương trình đặc biệt được thiết kế để xem các trang web, chẳng hạn như Internet Explorer. Sử dụng trình duyệt, bạn duyệt các trang web bằng cách nhấp vào liên kết. Bất kỳ nhấp chuột nào như vậy sẽ khiến trình duyệt đưa ra yêu cầu về trang HTML tới máy chủ web, nhận phản hồi và hiển thị trang trong cửa sổ của nó. Khi trang được hiển thị, ngôn ngữ HTML bắt đầu hoạt động, nó cho trình duyệt biết mọi thứ về cấu trúc và nội dung của trang web. Sử dụng lệnh - thẻ, HTML cho trình duyệt biết đoạn văn bản bắt đầu từ đâu, phần nào của văn bản là tiêu đề và vị trí chèn bảng và thậm chí cả ảnh. Và thẻ là những từ trong dấu ngoặc nhọn, ví dụ

,

, .

Bạn rất cần một cửa hàng trực tuyến nhưng không có thời gian để học HTML, CSS, PHP và các công nghệ khác. Sau đó, bạn có thể chỉ cần thuê một cửa hàng trực tuyến có đầy đủ chức năng và tối ưu hóa cho các công cụ tìm kiếm.

Ngôn ngữ HTML và các thẻ của nó

Phiên bản đầu tiên của ngôn ngữ HTML xuất hiện vào năm 1992. Vào thời điểm năm 2013, đặc tả của phiên bản HTML mới, số 5, đang được phát triển. Việc phát triển đặc tả này được thực hiện bởi World Wide Web Consortium, hay gọi tắt là W3C. Tổ chức W3C phát triển các tiêu chuẩn Web khác. Bạn có thể tự làm quen với các tiêu chuẩn này trên trang web của họ www.w3.org. Nhân tiện, nhiều trình duyệt Web đã hỗ trợ một số tính năng HTML 5.

Tôi khuyên bạn nên bắt đầu học HTML ngay bằng một ví dụ. Vì vậy, hãy tạo trang Web đầu tiên của chúng ta. Bất kỳ trình soạn thảo văn bản nào cũng phù hợp để tạo các trang WEB. Tôi đề nghị trước tiên hãy sử dụng Windows tích hợp Sổ tay(nói chung sau này mình khuyên bạn nên sử dụng để chỉnh sửa code html). Bạn có thể tìm thấy nó: “Bắt đầu->Tất cả chương trình->Phụ kiện->Notepad”. Hãy tạo một trang về ô tô. Vì vậy, hãy mở Notepad và gõ văn bản sau vào đó:





Trang web mẫu


Trang web về ô tô.


Chào mừng bạn đến với trang web ô tô của chúng tôi. Ở đây bạn sẽ tìm thấy nhiều bài viết thú vị và hữu ích về xe ô tô. Trang web chứa các mô tả về nhiều loại xe nhập khẩu và trong nước.



Tiếp theo, lưu trang web đã tạo vào file có tên index.html. Trong trường hợp này, trong hộp thoại lưu tệp, bạn phải đặt mã hóa thành UTF-8 và đặt tên tệp trong dấu ngoặc kép, nếu không Notepad sẽ thêm phần mở rộng txt vào đó và tệp của chúng ta sẽ có tên là index.htm.txt:

Bây giờ tất cả những gì còn lại là mở tệp đã tạo trong trình duyệt và xem kết quả. Để thực hiện việc này, bạn có thể sử dụng trình duyệt Microsoft Internet Explorer đi kèm với Windows hoặc bất kỳ trình duyệt nào khác được cài đặt trên máy tính của bạn bằng cách nhấp đúp vào tệp index.html hoặc kéo tệp vào biểu tượng trình duyệt. Mở nó và thấy một cái gì đó như thế này:

Vì vậy, chúng tôi đã tạo một trang Web trong Notepad, mặc dù hơi khó mô tả nhưng đã chứa một tiêu đề lớn và một đoạn văn bản được tự động ngắt thành dòng và có một đoạn in đậm.

Thẻ là gì?

Bây giờ hãy nói nhiều hơn về cấu trúc trang. Chúng ta hãy nhìn vào đoạn:

Website về ô tô

. Ở đây chúng ta thấy văn bản xuất hiện trên trang dưới dạng tiêu đề, được đính kèm trong các thẻ

Và

. Thẻ trong HTML là gì?

Thẻ HTML là những từ và ký hiệu thông thường được đặt trong dấu ngoặc nhọn, ví dụ

,

, . Vì vậy hãy gắn thẻ

là thẻ mở đầu, thẻ

thẻ đóng và văn bản giữa chúng được gọi là nội dung của thẻ. Đồng thời gắn thẻ

và gắn thẻ

được gọi là thẻ ghép nối. Cùng với nhau, thẻ mở cùng với nội dung và thẻ đóng tạo thành một thành phần tài liệu HTML. Ngoài ra còn có các phần tử bao gồm một thẻ mở:

Vì vậy, thẻ được ghép nối

xác định phần tử tiêu đề cấp đầu tiên. Tổng cộng có sáu cấp độ tiêu đề, đây là những yếu tố

—

.

Các phần tử có thể là khối hoặc nội tuyến (văn bản). Khối phần tử thực hiện định dạng cấu trúc của trang. Các phần tử khối luôn được hiển thị trên một dòng mới trên trang và được thụt vào từ các phần tử liền kề. Phần tử nội tuyến thực hiện định dạng văn bản trực tiếp hoặc định dạng logic. Yếu tố

là phần tử khối

Đó là tất cả đối với tôi!!! Hẹn gặp lại các bạn ở những bài viết tiếp theo!

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

Các trang của trang web là các tài liệu hoặc một phần tài nguyên web có một URL duy nhất. Chúng là các tệp chứa hình ảnh, tệp âm thanh, văn bản, tài liệu video hoặc hoạt ảnh. Làm việc và xem nó được thực hiện bằng trình duyệt.

Các video khác trên kênh của chúng tôi - tìm hiểu tiếp thị qua internet với SEMANTICA

Một trang web để làm gì?

Mục đích chính là để xem thông tin. Trang web chứa nội dung văn bản, đồ họa, âm thanh và video. Nó được trình duyệt đọc từ trang và hiển thị cho người dùng.

Ngoài ra, với sự trợ giúp của các trang, một người có thể thực hiện một số hành động nhất định trên trang web: mở tab, menu, điền vào biểu mẫu phản hồi, đặt hàng trong cửa hàng trực tuyến.

Cách lưu một trang web

  • Nhấp vào menu và chọn “Save As”, sau đó một hộp thoại có cùng tên sẽ mở ra.
  • Trong cửa sổ xuất hiện, chúng ta cần chọn loại tệp, tên trang và vị trí lưu. Hôm nay có 4 định dạng, chúng tôi sẽ phân tích chúng dưới đây.
  • Nhấp vào “Lưu”, bây giờ bạn có thể xem bản sao của trang bất kỳ lúc nào.

4 định dạng lưu trang:

  • Đầy đủ. Ở định dạng này, phần tử đã chọn sẽ được lưu đầy đủ, với tất cả hình ảnh và các quyết định về phong cách, thiết kế. Trình duyệt cũng tạo một thư mục riêng, nơi đặt tất cả các tài liệu được đăng trên tài nguyên: hình ảnh, ảnh chụp, vật dụng, v.v.
  • HTML. Không còn cơ hội để lưu hình ảnh và quyết định về phong cách; bản gốc được giữ nguyên cấu trúc và văn bản. Cách này tiết kiệm không gian bộ nhớ.
  • Chữ. Văn bản đã lưu có thể được xem bằng bất kỳ trình soạn thảo nào; văn bản được lưu toàn bộ, không phải từng đoạn.
  • Các tập tin. Tất cả các tập tin được đặt trên trang đều được lưu. Nếu cần, bạn có thể thay đổi phần mở rộng của một tệp cụ thể.

Thông báo “trang web đã lỗi thời” có nghĩa là gì?

Đây là một sai lầm khá phổ biến. Điều đó có nghĩa là bản sao cục bộ của trang đã lỗi thời trong khi người dùng được yêu cầu tải xuống. Để giải quyết vấn đề bạn cần tải lại trang.

Thông báo “trang web đang làm chậm trình duyệt của bạn” có nghĩa là gì?

Thông thường khi duyệt các trang web, dòng chữ “A web page is doing chậm trình duyệt của bạn” xuất hiện. Thông thường, tình trạng chậm lại xảy ra do trình duyệt tự động tải nhiều tập lệnh không cần thiết trên một trang nhất định. Để giải quyết vấn đề, bạn cần thay đổi cài đặt trình duyệt web của mình để tải tập lệnh nhanh chóng. Để thực hiện việc này, hãy chuyển đến menu trình duyệt, tìm “Công cụ”, sau đó nhấp vào “Thêm”. Chúng tôi đang tìm kiếm một plugin chuyên dụng “Shockwave Flash” và cài đặt nó. Sau đó, trong cài đặt plugin, chọn mục “Hỏi trước khi kích hoạt” và đánh dấu bên cạnh mục đó. Xin lưu ý rằng tên của các mục có thể thay đổi tùy thuộc vào trình duyệt được sử dụng, điều chính là phải hiểu ý nghĩa.

Sau đó, các tập lệnh sẽ không được tải xuống tự động; hệ thống sẽ xin phép trước mỗi lần tải xuống.

Trang web không phản hồi: phải làm gì và cách giải quyết vấn đề

Ở đây mọi thứ không đơn giản như trong các trường hợp được mô tả ở trên. Vấn đề có thể là bất cứ điều gì. Hãy tìm ra cách giải quyết vấn đề này.

Điều đầu tiên cần chú ý là URL. Kiểm tra xem địa chỉ trang trong thanh địa chỉ có chính xác không. Tiếp theo, kiểm tra xem tài nguyên có mở trên máy tính khác hay không. Nếu trang không tải được trên tất cả các PC, hãy kiểm tra kết nối Internet của bạn. Nếu mọi thứ ở đây đều ổn thì có thể trang web có vấn đề.

Cách thứ hai là xóa tập tin. Đây là những tệp đặc biệt được tạo để lưu thông tin về hồ sơ đã tạo. Đôi khi cookie bị hỏng. Điều này dẫn đến các trang không được hiển thị. Để xóa chúng, hãy mở cài đặt trình duyệt, chọn “Nâng cao” rồi chọn “Dữ liệu cá nhân”. Mở cài đặt nội dung và chọn các tệp mà chúng tôi quan tâm. Xóa “Tất cả cookie và dữ liệu trang web”.

Phương pháp tiếp theo là thay đổi máy chủ proxy. Đôi khi việc kết nối qua máy chủ proxy có thể khiến trang web tải chậm hoặc hiển thị lỗi. Để giải quyết vấn đề, hãy đi tới cài đặt, sau đó mở mục “Mạng” và chỉ định tên mạng. Tiếp theo, mở cài đặt máy chủ proxy và nhập các tham số cần thiết. Nếu bạn không biết những cài đặt này, hãy liên hệ với quản trị viên mạng của bạn. Khi đó kết nối Internet sẽ bị gián đoạn. Kết nối lại Internet và tiếp tục làm việc.

Trang web đã được di chuyển: phải làm gì

Bạn có thể thường xuyên gặp phải thông báo này. Rất có thể, một địa chỉ mới sẽ được đặt gần đó và trình duyệt sẽ đề nghị truy cập liên kết này. Chuyển đến phiên bản mới của trang và có quyền truy cập vào thông tin cần thiết.

Chúng ta đã thảo luận về trang web là gì và cách sử dụng nó cho những mục đích nhất định. Như bạn có thể thấy, đôi khi các vấn đề có thể phát sinh trong quá trình hoạt động của các trang web, nhưng tất cả chúng đều có thể được giải quyết.

Làm thế nào để kết nối nó và bạn có thể sử dụng nó để làm gì.

Hãy để tôi nhắc bạn rằng World Wide Web bao gồm nhiều trang web (nếu không chúng còn được gọi là “trang Internet” hoặc đơn giản là “trang”). Hôm nay chúng ta sẽ xem chúng là gì, cách sử dụng và lưu trữ chúng, các loại và lỗi chính.

Trang web là gì

Một trang web (trang Internet) là một phần của Internet được truy cập bằng nhiều trình duyệt khác nhau. Thêm chi tiết, trình duyệt web là gì , hướng dẫn sử dụng chúng sẽ sớm xuất hiện trên blog của tôi. Vì vậy, tôi khuyên bạn đừng chần chừ và đừng bỏ lỡ những ghi chú mới.

Nói một cách đơn giản, trang web là một nơi trên Internet chứa một số thông tin (có thể là văn bản, hình ảnh, video, v.v.).

Trang bao gồm những gì được gọi là nội dung, nói cách khác đây chính là nội dung của trang (trang).

Khi một số trang được tạo trên Internet về cùng một chủ đề, được thống nhất bởi một thiết kế chung, các liên kết và có cùng tên miền - đây đã được gọi là một trang web.

Ví dụ: đối với blog của tôi, tên miền (tên trang web) là site - đây là tên của trang web. Nhưng nơi bạn đang đọc ghi chú này được gọi là trang blog.

Bước 2. Trên vùng trống của trang (trong phần “nội dung”), nhấp chuột phải và chọn SAVE AS

Bước 3. Một cửa sổ mới sẽ mở ra, hiển thị thư mục trên máy tính nơi chứa tệp có trang đã lưu. Chọn vị trí mong muốn, ví dụ mình chọn Desk (1)

Theo mặc định, tên sẽ được hiển thị giống như trên chính trang web (2), nhưng bạn có thể thay đổi nó thành bất kỳ tên nào thuận tiện cho bạn.

Lưu toàn bộ trang nghĩa là ngoài văn bản, thiết kế và hình ảnh sẽ được lưu lại

Bước 4. Bây giờ 2 tệp sẽ được đặt trong thư mục bạn đã chọn, không nhấp vào chính thư mục đó mà vào tệp.

Trang bạn cần sẽ mở trong trình duyệt mặc định của bạn và việc bạn có quyền truy cập Internet hay không không quan trọng.

Điều quan trọng là không xóa thư mục thứ hai chứa các tệp và lưu trữ cả hai thư mục trong một vì trang có thể không được hiển thị sau khi xóa.

Thưa quý khách, hôm nay chỉ vậy thôi. Tôi nghĩ bây giờ bạn đã hiểu các trang Internet là gì và tại sao chúng lại cần thiết.

Trong bài viết tiếp theo, chúng ta sẽ hiểu trang web là gì, xem xét các loại chính, điểm tương đồng và khác biệt của chúng.

Tôi mong chờ lời nhận xét của bạn!

Trân trọng, Lyubov Zubareva

Tài liệu không có tiêu đề