Huruf html putih. Bagaimana cara menambahkan warna latar belakang ke judul teks? Rgba - teks semi-transparan

Temukan judul "html". Itu harus di bagian atas dokumen.

Ingat sintaks dasar untuk proses ini. Untuk membuat gradien, Anda perlu mengetahui dua besaran: titik awal / sudut dan rentang warna yang akan menyatu satu sama lain. Anda dapat memilih beberapa warna agar saling menyatu; Anda juga dapat mengatur arah atau sudut transisi.

latar belakang: linear-gradient (arah / sudut, warna1, warna2, warna3 dan seterusnya);

Buat gradien vertikal. Jika tidak ada arah yang ditentukan, gradien akan bergerak dari atas ke bawah. Untuk membuat gradien seperti itu, masukkan kode berikut di antara tag :

html (min-height: 100%;) body (background: -webkit- linear-gradient (# 93B874, # C9DCB9); background: -o- linear-gradient (# 93B874, # C9DCB9); background: -moz- linear -gradien (# 93B874, # C9DCB9); latar belakang: gradien linier (# 93B874, # C9DCB9); warna latar: # 93B874;)

Browser yang berbeda menerapkan fungsi gradien secara berbeda, jadi Anda perlu menambahkan beberapa versi kode Anda.

Buat gradien terarah. Jika Anda tidak ingin gradien berjalan secara vertikal, tentukan arah transisi warna. Untuk melakukan ini, masukkan kode berikut di antara tag :
html (min-height: 100%;) body (background: -webkit- linear-gradient (kiri, # 93B874, # C9DCB9); background: -o- linear-gradient (kanan, # 93B874, # C9DCB9); background: -moz- linear-gradient (kanan, # 93B874, # C9DCB9); background: linear-gradient (ke kanan, # 93B874, # C9DCB9); background-color: # 93B874;)
- Jika Anda mau, tukar kata "kiri" dan "kanan" untuk bereksperimen dengan arah gradien yang berbeda.
Gunakan properti lain untuk menyesuaikan gradien. Anda dapat melakukan lebih dari yang Anda pikirkan.
- Misalnya, Anda dapat memasukkan persentase setelah setiap warna. Ini akan menentukan berapa banyak ruang yang akan ditempati setiap segmen warna. Berikut adalah contoh kode dengan parameter ini:
  latar belakang: gradien linier (# 93B874 10%, # C9DCB9 70%, # 000000 90%);
- Tambahkan transparansi pada warna. Dalam hal ini, secara bertahap akan memudar. Untuk mencapai efek memudar, gunakan warna yang sama. Untuk mengatur warna, Anda memerlukan fungsi rgba(). Nilai terakhir akan menentukan transparansi: 0 adalah warna buram dan 1 adalah warna transparan.
  latar belakang: gradien linier (ke kanan, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1));

Tinjau kodenya. Kode untuk membuat gradien warna sebagai latar belakang halaman web akan terlihat seperti ini:

< html > < head > < style >html (min-height: 100%;) body (background: -webkit- linear-gradient (kiri, # 93B874, # C9DCB9); background: -o- linear-gradient (kanan, # 93B874, # C9DCB9); background: -moz- linear-gradient (kanan, # 93B874, # C9DCB9); background: linear-gradient (ke kanan, # 93B874, # C9DCB9); background-color: # 93B874;) < body >

instruksi

Tempatkan header tingkat yang berbeda antara tag pembuka dan penutup yang sesuai, jika belum dilakukan di kode sumber halaman web. Misalnya, heading yang paling penting (level pertama) harus berada di antara tag

dan

Menuju

Subjudul level terpenting berikutnya harus ditempatkan di antara tag

dan

dll. Yang terakhir dari tingkat yang diramalkan adalah yang keenam -

dan

Tempatkan di bagian header kode sumber (di antara tag dan) instruksi yang memberi tahu browser pengunjung bahwa deskripsi gaya dalam CSS terletak di tempat ini:

Sisipkan di antara tag gaya pembuka dan penutup deskripsi gaya untuk judul setiap tingkat, penampilan yang ingin Anda ubah. Misalnya, jika Anda hanya perlu mengubah tampilan heading level pertama, maka kode ini akan terlihat seperti ini: Di sini, h1 menunjukkan bahwa deskripsi dalam kurung kurawal mengacu pada tag h1 dan disebut "pemilih". Parameter color mengatur warna teks, parameter font-size adalah ukuran font, font-style dengan nilai italic adalah gaya huruf miring, font-weight dengan nilai bold adalah, margin-top adalah, margin -bottom adalah margin bawah. Untuk judul tingkat kedua, tambahkan blok serupa dengan pemilih h2, dll.

Gunakan sintaks yang disingkat jika ada banyak level untuk dijelaskan. Misalnya, deskripsi font dapat ditempatkan dalam satu parameter, serta deskripsi ukuran lekukan. Sampel: Dalam parameter margin, margin harus ditentukan searah jarum jam, mulai dari margin atas, melalui spasi (kanan atas kiri bawah).

Video yang berhubungan

Anda akan perlu

Komputer, internet, akses ke konten situs.

instruksi

Jika prioritas Anda berubah, dan ini memengaruhi tema situs, pastikan untuk mencerminkan perubahan pada judulnya. Saat memilih nama baru, rencanakan bahwa nama situs dapat menjadi merek, jika bukan merek global, setidaknya untuk pembaca reguler sumber daya. Secara umum, "apa yang Anda sebut kapal pesiar, sehingga akan mengapung."

Putuskan apakah Anda ingin membawa Nama domain sesuai judul. Ini tidak perlu jika mereka cocok bersama. Omong-omong, ingatlah ini saat memilih judul baru. Lagi pula, mengubah domain lebih sulit. Selain itu, dialah yang menghubungkan situs dengan pengunjung.

Ubah judul di situs. Platform gratis modern dan berbagai pembuat situs web, sebagai suatu peraturan, memiliki kontrol visual sederhana yang tidak memerlukan pengetahuan tentang bahasa pemrograman. Buka panel kontrol situs sebagai administrator.

Temukan di halaman yang membuka tab yang disebut "Opsi" atau "Pengaturan", atau "Umum". Dan di sana cari kotak "Nama situs", tempat Anda dapat memasukkan teks.

Masukkan nama baru Anda di kotak ini. Pastikan untuk mengklik tombol simpan, yang disebut berbeda di mesin web yang berbeda - "Simpan", "Terbitkan", "Perbarui".

Untuk mengubah font, gunakan tag dengan atribut FACE. Anda dapat menentukan font berdasarkan nama (Arial, Tahoma, Verdana) atau jenis (misalnya, monospace). Disarankan untuk mencantumkan beberapa nama font untuk menghindari situasi ketika ternyata font yang diperlukan tidak diinstal oleh pengguna. Saya merekomendasikan untuk "skor" setidaknya salah satu font umum (misalnya Arial). Saya tidak menyarankan menggunakan lebih dari 2-3 font berbeda pada satu halaman, jika tidak halaman akan terlihat kikuk dan tidak profesional.

Contoh:

Mengubah ukuran font halaman html

Atribut SIZE digunakan untuk mengubah ukuran font. Semakin besar font, semakin mudah teks untuk dibaca. Tetapi, font kecil memungkinkan Anda memasukkan lebih banyak informasi ke dalam layar. Menggunakan atribut yang diberikan dengan tag , Anda dapat mengubah ukuran teks seluruh halaman web. Menggunakan atribut SIZE bersama dengan tag , Anda dapat memengaruhi tampilan setiap bagian teks. Ada 7 ukuran font yang tersedia. Yang terkecil ditunjukkan dengan angka 1, dan yang terbesar adalah 7.

Anda dapat mengubah font menggunakan tag dan . memperbesar font dari fragmen yang ditentukan dalam kaitannya dengan teks sebelumnya, dan , karenanya, berkurang.

Anda dapat mencapai efek menarik dengan mengubah ukuran huruf individual. Misalnya, dengan cara ini Anda bisa mendapatkan drop cap - huruf kapital yang diperbesar dari awal paragraf.

Contoh:

Memilih warna font halaman html

Menampilkan bagian dari teks halaman Web dalam font warna yang berbeda membuatnya menarik.

Menggunakan atribut TEXT dalam konteks tag , Anda dapat mengubah warna seluruh teks halaman web. Menggunakan atribut COLOR yang sama dengan tag (memiliki lebih banyak prioritas utama) memungkinkan Anda untuk berinteraksi pada tampilan dan nuansa setiap bagian teks.

Untuk mengubah warna teks, Anda perlu mengetahui nama warna, atau kode heksadesimalnya. Kode terdiri dari simbol pound # dan angka yang mewakili intensitas komponen warna merah, hijau dan biru. Hanya 16 warna standar yang dapat dirujuk dengan nama.

Nama warna Kode aqua ## 00FFFF hitam ## 000000 biru ## 0000FF fuchsia ## FF00FF abu-abu ## 808080 hijau ## 008000 kapur ## 00FF00 merah marun ## 800000 navy ## 000080 zaitun ## 808000 ungu ## 800080 merah # # FF0000 perak ## C0C0C0 teal ## 008080 putih ## FFFFFF kuning ## FFFF00

Jenis penghasilan melalui Internet,
atau apa yang tidak perlu Anda buang waktu

Apa tempat terbaik untuk memulai untuk pemula.
Di mana uang di Internet atau strategi menghasilkan uang secara online?

Petunjuk untuk membuat situs web dalam 5 menit. Dasar-dasar HTML dan langkah demi langkah pembuatan situs web

Cara menjadi desainer web dan belajar cara membuat situs web tingkat tinggi.

Cara menghasilkan uang di situs Anda, cara mempromosikan situs Anda, dan mendapat untung dengan autopilot

Apakah Anda memiliki website, tetapi tidak menguntungkan? Ikhtisar layanan monetisasi

Anda tidak tahu di mana harus menginvestasikan uang Anda
untuk mendapatkan keuntungan? Ini adalah informasi unik

Valas pada umumnya. Cara menginvestasikan modal atau penghasilan Anda dengan benar $ 50 per hari dengan autopilot

Bagaimana dan dimana membeli domain dan hosting. Cara mengunggah situs web ke Internet

Cara mentransfer domain ke registrar lain untuk menghemat perpanjangan

Kami terus menguasai html, di pelajaran ketiga pelatihan kami, kami akan belajar, yaitu mengubah warna pada halaman. Dan kemudian entah bagaimana semuanya terlihat membosankan.

Kode html yang sudah kita miliki:

Konten situs saya.

Sekarang kita akan belajar bagaimana mengubah halaman. Untuk menunjukkan warna apa teks seharusnya, Anda perlu melakukan hal berikut.

Ganti tagnya dengan cara berikut: teks = "# FF0000">, yaitu mengubah warna html dan teks, Anda perlu menambahkan parameter text = dan tentukan nilainya "# FF0000".

Nilai parameter menentukan warna, yaitu, "# FF0000" - merah. Hukum tiga warna berlaku di sini.

Misalnya, "# 00FF00" adalah warna html hijau, "# 0000FF" adalah warna teks html biru. Ketika dicampur, ketiga warna ini membentuk nuansa baru dan warna html. Misalnya, "# 3715FB".

Mari kita membuat teks di halaman kita menjadi merah. Untuk melakukan ini, terapkan pengetahuan yang diperoleh. Hasilnya, Anda harus mendapatkan kode html berikut:

Judul halaman situs pertama saya

Konten situs saya.
Saya akan melalui pelajaran pembuatan situs web.

(Bagian baru dari kode html akan disorot dengan warna biru)

Anda harus mendapatkan yang berikut> dimodifikasi.

Sekarang mari kita cari tahu cara mengatur warna html dari masing-masing fragmen teks. Jika Anda memerlukan beberapa teks untuk memiliki warna html yang berbeda, lakukan hal berikut:

Lampirkan teks yang Anda inginkan di antara tag ... Ini baru tag html, itu berpasangan.

Kemudian, masukkan parameter color = dengan nilai "# 00FF00", yaitu seperti ini warna = "# 00FF00"> teks dengan warna yang berbeda .

Mari kita terapkan ilmu di kode html dan mengubah sepotong teks.

Judul halaman situs pertama saya

Konten situs saya.
Saya akan melalui pelajaran pembuatan situs web.

Anda harus mendapatkan berikut> perubahan.

Warna latar belakang HTML

Sekarang mari kita berubah warna latar belakang html, untuk ini Anda perlu mengatur di tag parameter bgcolor = dengan nilai "#494949", yaitu bgcolor = "#494949">.