Cách tạo dòng chữ màu trong html. Đặt màu văn bản. Thuộc tính màu của thẻ phông chữ. Làm thế nào để chọn một phương pháp phù hợp hơn

Lưu trữlà một phương pháp đặt một trang web trên Internet, một dịch vụ được cung cấp bởi một công ty được gọi là công ty lưu trữ cho phép bạn đặt các trang web trên máy chủ của họ.

Nội dung:
  • § 1. Các loại và loại lưu trữ
  • § 2. Lựa chọn hosting cho website như thế nào?
  • § 3.

Một trang web không thể chỉ hoạt động trên máy tính của một lập trình viên web hoặc một người mới bắt đầu. Để làm việc bạn cần có Internet cục bộ (lưu trữ).

Các công ty lưu trữ chuyên nghiệp cung cấp cho các nhà phát triển quyền đặt các trang web trên các máy chủ đặc biệt được bảo vệ một cách đáng tin cậy khỏi mọi loại bất ngờ.

Máy chủ được đặt trong các phòng đặc biệt, trong đó duy trì vi khí hậu nhất định (nhiệt độ và độ ẩm). Họ có nguồn điện khẩn cấp tự chủ (nên không sợ mất điện).

§ 1.Các loại và loại lưu trữ

Dịch vụ lưu trữ có các loại sau::

Lưu trữ miễn phí - hoàn toàn miễn phí cho người dùng. Theo quy định, tên miền được đặt trong subdomain của hosting, hosting thường có banner quảng cáo cản trở thiết kế, danh sách các công nghệ được hỗ trợ còn hạn chế và thường không hỗ trợ các ngôn ngữ kịch bản (php, asp.net và java). các trò lừa đảo khác (khả năng bị nhiễm vi-rút và thư rác).

Lưu trữ ảo - trang web nằm trên cùng một máy chủ với nhiều trang web khác, từ vài đến hàng trăm hoặc hàng nghìn. Tất cả các trang web được quản lý thông qua máy chủ ảo sử dụng máy chủ web Apache.

Đại lý lưu trữ - nhà cung cấp dịch vụ lưu trữ cho phép khách hàng trở thành nhà cung cấp dịch vụ lưu trữ của riêng họ. Các đại lý có thể cấu hình độc lập máy chủ của họ và tạo các miền riêng biệt. Sau đó, các đại lý bán lại dịch vụ lưu trữ của họ với giá cao hơn cho khách hàng, kiếm tiền từ khoản chênh lệch. Các đại lý có thể có quy mô rất khác nhau: họ có thể có máy chủ riêng hoặc thuê chúng từ một nhà cung cấp dịch vụ lưu trữ.

Máy chủ chuyên dụng ảo - Thuê một phần của máy chủ. Nó khác với ảo ở chỗ mỗi người dùng tin rằng mình có máy chủ chuyên dụng của riêng mình, nhưng thực tế anh ta chỉ chia sẻ nó với những người dùng khác. Theo quy định, người dùng có quyền truy cập vào cài đặt cấu hình cho phần máy chủ mà họ thuê, đồng thời điều chỉnh quy mô lưu lượng truy cập, số lượng cơ sở dữ liệu, hộp thư email và tài khoản FTP.

Máy chủ chuyên dụng - Người dùng thuê hoặc cài đặt máy chủ của mình trên trang web lưu trữ. Cung cấp toàn quyền kiểm soát máy chủ (quyền truy cập root cho Linux / quản trị viên cho Windows). Dịch vụ lưu trữ chuyên dụng được chia thành dịch vụ tự phục vụ của khách hàng hoặc dịch vụ quản trị viên lưu trữ (có tính phí bổ sung). Nếu người dùng có toàn quyền truy cập quản trị, điều này có nghĩa là họ chịu trách nhiệm bảo mật và duy trì máy chủ của mình.

Dịch vụ lưu trữ được quản lý - Người dùng có máy chủ Web của riêng mình nhưng không có toàn quyền kiểm soát nó (quyền truy cập quản trị viên gốc Linux / Windows). Tuy nhiên, anh ta có thể quản lý dữ liệu của mình thông qua FTP hoặc các công cụ quản lý từ xa khác. Người dùng bị từ chối toàn quyền kiểm soát với lý do nhà cung cấp phải đảm bảo chất lượng dịch vụ bằng cách không cho phép người dùng thay đổi cấu hình máy chủ hoặc tạo ra các sự cố cấu hình nguy hiểm tiềm ẩn. Theo quy định, người dùng không sở hữu máy chủ mà chỉ thuê nó.

Thuê vị trí -Đây là dịch vụ được cung cấp bởi một công ty cung cấp dịch vụ lưu trữ nhằm cung cấp cho khách hàng một địa điểm để cài đặt thiết bị của khách hàng hoặc thiết bị được thuê từ máy chủ lưu trữ với điều kiện có kết nối Internet. Ưu điểm rõ ràng của loại hình lưu trữ này là trong trường hợp này khách hàng chỉ cần trả tiền cho phân khúc “máy chủ của khách truy cập - nhà điều hành”. Colocation là hợp lý nếu trang web nhận được nhiều lưu lượng truy cập từ một số lượng lớn các điểm vào.

§ 2. Làm thế nào để chọn hosting cho một trang web?

Khi chọn dịch vụ lưu trữ miễn phí, bạn phải hiểu rõ nhiệm vụ nào được giao cho trang hiện có. Bởi vì các nhà cung cấp dịch vụ lưu trữ không cung cấp miễn phí cho bất kỳ ai bất kỳ thứ gì, nhưng đổi lại họ sẽ tự động thêm quảng cáo của họ vào trang web của bạn. Nền tảng lưu trữ miễn phí không hỗ trợ hầu hết các công nghệ Internet hiện đại hoặc có quyền truy cập hạn chế vào chúng. Và nếu bạn lựa chọn một cách có ý thức, thìđánh giá khách quan về hosting miễn phísẽ trả lời đầy đủ câu hỏi: "Tôi nên chọn lưu trữ miễn phí nào?


Tìm ra vị trí của trang web, họ càng ở gần khách truy cập trang web thì trang web sẽ tải càng nhanh;

Đọc đánh giá;

Đừng trả tiền cho việc lưu trữ ngay lập tức trong một thời gian dài;

Bộ phận hỗ trợ kỹ thuật sẽ phản hồi nhanh chóng trong vòng vài giờ, 24 giờ một ngày, 7 ngày một tuần;

Dung lượng ổ đĩa lên tới 1000 MB. đủ cho bất cứ ai;

Lưu lượng truy cập tốt nhất là không bị giới hạn.

Việc lựa chọn hosting phụ thuộc vào nhu cầu cá nhân của Webmaster. Hầu như tất cả các nhà cung cấp đều cung cấp các dịch vụ tương tự. Sự khác biệt của họ chỉ nằm ở giá cả, chất lượng dịch vụ và thời gian dành cho dịch vụ được cung cấp trên thị trường.

§ 3. Làm thế nào để đưa một trang web lên Internet?

Để trang web của bạn có thể truy cập được với hàng triệu người trên Internet, bạn cần thực hiện hai việc:

  • 1. Đặt cho nó một tên riêng - một tên miền.
  • 2. Đặt website trên bất kỳ máy chủ nào - (sử dụng dịch vụ hosting)

Vị trí từng bước của một trang web trên hosting:

1. Tải về Filezilla.

2. Nhập chi tiết lưu trữ của bạn.

3. Tải các tập tin cần thiết vào thư mục lưu trữ.

Nếu không có dịch vụ như vậy, Internet đơn giản là không thể tồn tại và phát triển mạnh mẽ như vậy. Quản trị viên web sẽ không có nơi nào để đặt trang web của họ. Ngay cả khi bạn lưu trữ một trang web trên máy tính cục bộ (ở nhà) của mình, không thể duy trì nó liên tục hoạt động và kết nối với Internet.

Dịch vụ lưu trữ có thể được chia thành:

  • - Virtual Hosting (hay gọi đơn giản là Hosting);
  • - Máy chủ ảo chuyên dụng (hoặc VPS hay còn gọi là VDS);
  • - Thuê máy chủ chuyên dụng.

§ 4. Danh sách dịch vụ hosting miễn phí

Đánh giá về các dịch vụ được thu thập ở đây chỉ nhằm mục đích hiển thị các dịch vụ chất lượng cao nhất cung cấp dịch vụ lưu trữ miễn phí.

Lưu trữ miễn phí thường được cung cấp dựa trên những lý do sau:
- thu nhập từ quảng cáo trên trang web của khách hàng
- thu nhập từ các liên kết SEO trên trang web của khách hàng
- thu nhập từ SMS do khách hàng gửi trong quá trình đăng ký
- thu nhập từ tên miền được khách hàng mua
- khách hàng sẽ phát triển theo thời gian và bắt đầu trả tiền
- thu thập các trang web của khách hàng, đăng ký tên miền cho chính bạn và biến mất
- thu thập các trang web của khách hàng và biến dịch vụ lưu trữ của bạn thành dịch vụ lưu trữ trả phí (nếu trang web đó nằm trên trình tạo được cài đặt sẵn, đơn giản là bạn sẽ không thể chuyển sang dịch vụ lưu trữ khác).

Hỗ trợ kỹ thuật sẽ không giúp giải quyết vấn đề của bạn và trang web có thể không hoạt động trong nhiều giờ trong quá trình thực hiện công việc kỹ thuật. Nhưng trên hosting miễn phí, bạn có thể “thực hành”. Nhìn chung, hãy thông minh về rủi ro của bạn và thực hiện sao lưu.

Chúng tôi thực sự khuyên bạn nên chú ý đến đánh giá của chúng tôi về dịch vụ lưu trữ trả phí, bởi vì nếu dự án web của bạn tuyên bố là hơi nghiêm trọng, trong tương lai bạn sẽ rất không hài lòng với chất lượng của dịch vụ lưu trữ miễn phí.

Đừng quên viết bình luận của bạn nếu bạn thích bài viết. Một vài lời từ bạn và đối với tôi - sự công nhận từ các công cụ tìm kiếm rằng tôi viết những bài báo bình thường về con người. Cảm ơn bạn trước!

Bài 7. Màu văn bản và màu nền trong HTML.

Ngày: 2008-12-05

Làm cách nào để đặt màu nền và màu văn bản trên trang web?

Theo mặc định, màu sắc của văn bản và nói chung mọi phông chữ trên trang web luôn đen (#000000 ). Nhưng chúng ta luôn có thể đặt hoàn toàn bất kỳ màu nào chúng ta thích và trông đẹp mắt hoặc phù hợp hơn với thiết kế của một trang web cụ thể.

Đặt màu văn bản

Trong HTML, màu sắc của văn bản, phông chữ, nền và các thành phần khác có thể được đặt theo hai cách:

1. Cách 1. Trong thẻ ghép nối thuộc tính được viết cho biết tên của màu mong muốn. Tên màu được chỉ định bằng tiếng Anh. Ví dụ: màu của tiêu đề trên trang web của chúng tôi có thể được đặt theo cách này:


Nhận xét về bài viết này (bài học):

Andrey! Thật là một trang web tuyệt vời mà bạn có! Tôi đã sử dụng nó thường xuyên trong tuần thứ hai: Tôi nghiên cứu các bài học và video hướng dẫn của bạn; Tôi đọc tài liệu của bạn và tải các chương trình; Tôi đang thực hiện những bước đầu tiên trong lập trình web! Và quan trọng nhất là tôi có thể làm được!!! Nhưng tôi hoàn toàn không phải là nhà vật lý mà là một nhà viết lời! Và bất cứ ai ghé thăm trang web văn học của tôi đều có thể bị thuyết phục về điều này: “BÀI THƠ CỦA OLEG GUZ” Thông tin chi tiết của tôi: email: [email được bảo vệ] trang web: http://sites.google.com/site/stihiolegguz/

kiểm tra mã cẩn thận

Tôi đã thử thay đổi màu nền và nó không hoạt động! Làm thế nào để thay đổi màu nền?

Để thay đổi phông chữ, hãy sử dụng thẻ với thuộc tính FACE. Bạn có thể chỉ định phông chữ theo tên (Arial, Tahoma, Verdana) hoặc loại (ví dụ: monospace). Nên liệt kê một số tên phông chữ để tránh tình trạng người dùng không cài đặt phông chữ cần thiết. Tôi khuyên bạn nên sử dụng ít nhất một trong các phông chữ được chấp nhận rộng rãi (ví dụ: Arial). Tôi không khuyên bạn nên sử dụng nhiều hơn 2-3 phông chữ khác nhau trên một trang, nếu không trang sẽ trông vụng về và thiếu chuyên nghiệp.

Ví dụ:

Thay đổi kích thước phông chữ của trang html

Để thay đổi kích thước phông chữ, hãy sử dụng thuộc tính SIZE. Phông chữ càng lớn thì văn bản càng dễ đọc. Tuy nhiên, phông chữ nhỏ cho phép bạn hiển thị nhiều thông tin hơn trên màn hình. Sử dụng thuộc tính này với một thẻ , bạn có thể thay đổi kích thước văn bản của toàn bộ trang web. Sử dụng thuộc tính SIZE kết hợp với thẻ , bạn có thể tác động đến hình thức của một đoạn văn bản. 7 cỡ chữ có sẵn. Nhỏ nhất được ký hiệu bằng số 1 và lớn nhất được ký hiệu bằng số 7.

Bạn có thể thay đổi phông chữ bằng thẻ . phóng to phông chữ của đoạn được chỉ định so với văn bản trước đó và , theo đó, giảm đi.

Bằng cách thay đổi kích thước của từng chữ cái, bạn có thể đạt được những hiệu ứng thú vị. Ví dụ: bằng cách này, bạn có thể có được chữ hoa đầu dòng - một chữ in hoa lớn ở đầu đoạn văn.

Ví dụ:

Chọn màu phông chữ của trang html

Hiển thị các phần văn bản của trang Web bằng các phông chữ màu khác nhau làm cho nó hấp dẫn hơn.

Sử dụng thuộc tính TEXT trong ngữ cảnh của thẻ , bạn có thể thay đổi toàn bộ màu văn bản của trang web. Áp dụng thuộc tính COLOR với thẻ (có mức độ ưu tiên cao hơn) cho phép bạn tương tác với giao diện của một đoạn văn bản.

Để thay đổi màu văn bản, bạn cần biết tên màu hoặc mã thập lục phân của nó. Mã bao gồm ký hiệu bảng Anh # và một số biểu thị cường độ của các thành phần màu đỏ, lục và lam của màu. Chỉ có 16 màu tiêu chuẩn có thể được gọi bằng tên.

Tên màu Mã aqua ##00FFFF black ##000000 blue ##0000FF fuchsia ##FF00FF grey ##808080 green ##008000 Lime ##00FF00 maroon ##800000 navy ##000080 olive ##808000 purple ##800080 red # #FF0000 bạc ##C0C0C0 xanh mòng két ##008080 trắng ##FFFFFF vàng ##FFFF00

    Tìm tiêu đề "html". Nó phải ở đầu tài liệu.

    Hãy nhớ cú pháp cơ bản cho quá trình này.Để tạo gradient, bạn cần biết hai đại lượng: điểm/góc bắt đầu và dải màu sẽ mờ dần vào nhau. Bạn có thể chọn nhiều màu để chúng hòa vào nhau; Bạn cũng có thể đặt hướng hoặc góc của quá trình chuyển đổi.

    nền: gradient tuyến tính (hướng/góc, color1, color2, color3, v.v.);

    Tạo một gradient dọc. Nếu bạn không chỉ định hướng, độ dốc sẽ đi từ trên xuống dưới. Để tạo một dải màu như vậy, hãy nhập mã sau vào giữa các thẻ :

    html (chiều cao tối thiểu: 100%;) nội dung (nền: -webkit- gradient-tuyến tính (#93B874, #C9DCB9); nền: -o- gradient-tuyến tính (#93B874, #C9DCB9); nền: -moz- tuyến tính -gradient (#93B874 , #C9DCB9 ); nền : gradient tuyến tính (#93B874 , #C9DCB9 ); màu nền : #93B874 ; )

    • Các trình duyệt khác nhau triển khai chức năng chuyển màu theo cách khác nhau, vì vậy bạn cần thêm nhiều phiên bản mã.
  1. Tạo một gradient định hướng. Nếu bạn không muốn dải màu chạy theo chiều dọc, hãy chỉ định hướng mà màu sẽ nhạt dần. Để thực hiện việc này, hãy nhập mã sau vào giữa các thẻ :

    html (chiều cao tối thiểu: 100%;) nội dung (nền: -webkit- gradient-tuyến tính (trái, #93B874, #C9DCB9); nền: -o- gradient-tuyến tính (phải, #93B874, #C9DCB9); nền: -moz- gradient tuyến tính (phải , #93B874 , #C9DCB9 ); nền : gradient tuyến tính (sang phải , #93B874 , #C9DCB9 ); màu nền : #93B874 ; )

    • Nếu bạn thích, hãy sắp xếp lại các từ "trái" và "phải" để thử nghiệm các hướng chuyển màu khác nhau.
  2. Sử dụng các thuộc tính khác để tùy chỉnh độ dốc. Bạn có thể làm được nhiều điều với nó hơn bạn nghĩ.

    • Ví dụ: sau mỗi màu bạn có thể nhập số phần trăm. Điều này sẽ cho biết mỗi phân đoạn màu sẽ chiếm bao nhiêu không gian. Đây là một mã ví dụ với các tham số sau:

      nền: gradient tuyến tính (#93B874 10%, #C9DCB9 70%, #000000 90%);

    • Thêm độ trong suốt cho màu sắc. Trong trường hợp này, nó sẽ mờ dần. Để đạt được hiệu ứng mờ dần, hãy sử dụng cùng một màu. Để đặt màu, bạn cần hàm rgba(). Giá trị cuối cùng sẽ quyết định độ trong suốt: 0 là màu đục và 1 là màu trong suốt.

      nền : gradient tuyến tính (sang phải , rgba ( 147 , 184 , 116 , 0 ), rgba ( 147 , 184 , 116 , 1 ));

  3. Xem lại mã. Mã để tạo dải màu làm nền trang web sẽ trông giống như thế này:

    < html > < head > < style >html (chiều cao tối thiểu: 100%;) nội dung (nền: -webkit- gradient-tuyến tính (trái, #93B874, #C9DCB9); nền: -o- gradient-tuyến tính (phải, #93B874, #C9DCB9); nền: -moz- gradient tuyến tính (phải , #93B874 , #C9DCB9 ); nền : gradient tuyến tính (sang phải , #93B874 , #C9DCB9 ); màu nền : #93B874 ; ) < body >

Cách thay đổi màu chữ trong html

Nếu bạn có bất kỳ kiến ​​thức nào về công nghệ web, bạn nên biết rằng tất cả đánh dấu và nội dung của tài liệu đều được chứa trong tệp html và tệp kiểu css lưu trữ các kiểu xác định hình thức của các thành phần khác nhau. Vì vậy, chúng ta cần sử dụng css để thay đổi màu phông chữ và mọi thứ khác.

Có những thẻ trong html cho phép bạn áp dụng một số hiệu ứng nhất định cho văn bản, nhưng bạn phải thừa nhận rằng việc đưa ra hàng trăm thẻ cho mỗi sắc thái sẽ không hoàn toàn hợp lý. Trong css bạn có thể kiểm soát điều này thuận tiện hơn nhiều. Ví dụ: đây là cách bạn có thể đặt màu phông chữ cho phần tử nội dung html, nghĩa là thẻ bao gồm toàn bộ nội dung của trang được hiển thị trên màn hình.

thân (màu: đỏ; )

thân hình(

màu đỏ;

Chúng tôi đã gán màu đỏ cho phần nội dung của trang. Đoạn văn, danh sách, tiêu đề và tất cả các phần tử khác sẽ nhận được nó. Điều này sẽ xảy ra cho đến khi kiểu dáng của các thành phần này được xác định lại cho những thành phần khác.

Các định dạng ghi màu

Có lẽ bạn có một số kiến ​​thức về thiết kế web? Trong trường hợp này, bạn nên biết rằng có nhiều chế độ màu khác nhau. Ví dụ: rgb, rgba, hsl, hex, v.v. Tất nhiên, cách dễ nhất để thiết lập giọng điệu là chỉ cần viết một từ khóa. Chúng ta đã làm điều này trong ví dụ trên, giá trị màu đỏ làm cho các chữ cái có màu đỏ, xanh lam – xanh lam, nâu – nâu. Đây chỉ là tên hoa bằng tiếng Anh.

Điều duy nhất bạn cần biết trong trường hợp này là tên của màu mong muốn. Bạn có thể xem chúng trên Internet ở bất kỳ bảng nào. Cách phổ biến tiếp theo để chỉ định màu là viết mã thập lục phân của nó. Đây được gọi là định dạng hex. Ví dụ:

p( color: #000; ) /* Văn bản trong đoạn văn sẽ có màu đen. */ table( color: #fff; ) /* Nội dung trong bảng sẽ có màu trắng. */

Như bạn có thể thấy, bạn cần viết ra lưới, theo sau là mã màu. Làm thế nào để nhận ra anh ta? Ví dụ: bạn có thể mở Photoshop hoặc bất kỳ trình soạn thảo đồ họa nào khác, trong đó khi chọn màu, mã hex của nó sẽ được hiển thị. Bạn cũng có thể sử dụng dịch vụ trực tuyến.

RGB là một định dạng ghi phổ biến khác. Nó chỉ đơn giản là viết tắt của màu đỏ, xanh lá cây, xanh dương. Màu ở định dạng này được đặt như sau:

#footer(màu: rgb(234, 22, 56); )

#chân trang(

màu sắc: rgb(234, 22, 56);

Phần tử có id footer sẽ nhận được màu được chỉ định. Tỷ lệ của màu đỏ sẽ là 234, xanh lục – 22, xanh lam – 56. Các giá trị này có thể được viết từ 0 đến 255. Theo đó, sắc thái của chúng ta sẽ gần với màu đỏ hơn. Trong Paint, bạn có thể thêm màu vào bảng màu bằng cách thay đổi độ bão hòa của ba màu cơ bản.

Ưu điểm của phương pháp này là bạn có thể chọn từ hàng triệu màu chỉ bằng cách thay đổi ba con số. Khi viết bằng từ khóa, bạn sẽ chỉ có vài trăm màu trong kho vũ khí của mình.

Rgba - văn bản mờ!

Đúng, đây là một chế độ ghi mới đã có trong các trình soạn thảo đồ họa từ lâu, nhưng nó mới xuất hiện tương đối gần đây trong thiết kế web. Nó được viết như thế này:

a(rgba(255, 12, 22, 0.5); )

rgba(255, 12, 22, 0,5);

Số cuối cùng trong mục nhập đặt độ trong suốt. Nó có thể được viết từ 0 đến 1, trong đó 1 là văn bản hoàn toàn mờ đục, tức là hành vi mặc định. Trong trường hợp này, tất cả các liên kết sẽ chuyển sang màu đỏ, nhưng do tính trong suốt nên độ sáng của màu sẽ ít hơn nhiều và nếu có nền hoặc thành phần khác bên dưới liên kết thì nó sẽ hiển thị.

Cách đặt màu sai

HTML có thuộc tính màu không được dùng nữa và nó có thể được sử dụng để ghi lại màu của văn bản bằng từ khóa. Bây giờ, điều này thậm chí có thể không hoạt động trong các trình duyệt hiện đại và nói chung phương pháp này vi phạm các tiêu chuẩn web được chấp nhận chung. Và nó cũng bất tiện.

Cách xác định màu cho một đoạn tùy ý

Được rồi, chúng ta đang nói về màu phông chữ cho các đoạn văn, liên kết và bảng, nhưng đây là những phần tử chắc chắn, nhưng rốt cuộc thì điều gì sẽ xảy ra nếu bạn cần xác định màu cho một câu, một từ, một chữ cái?

Chúng tôi chỉ cần đính kèm đoạn mong muốn vào thẻ span. Chúng tôi viết một thuộc tính lớp bên trong thẻ mà chúng tôi đặt một giá trị tùy ý nhưng dễ hiểu. Ví dụ như thế này:

Thế là xong, bây giờ tất cả những gì còn lại là truy cập bộ chọn trong css.