Untuk memberikan gaya tertentu, anda perlu meletakkan teks dalam bekas yang sesuai.
Semua teg pemformatan boleh dibahagikan kepada tiga kumpulan:
1. Tag tajuk ( h1-h6).
2. Tag reka bentuk teks badan (
,
,
,
,
dan lain-lain.).
3. Tag kumpulan (
,
,
)
Tag tajuk
Tukar teks kosong ke dalam tajuk tahap tertentu. Tag
mencipta tajuk peringkat pertama - yang terbesar dan paling penting (biasanya tajuk artikel pada halaman),
bertanggungjawab untuk tajuk tahap keenam - yang paling kecil dan paling tidak mencolok. Teg ini penting untuk kedua-dua pengguna dan enjin carian - kedua-duanya menyukai tajuk dengan subtajuk. Hierarki peringkat mesti diperhatikan, iaitu,
perlu pergi
, dan bukan sebaliknya.
Untuk memahami cara ini berfungsi, masukkan kod berikut ke dalam fail html:
Pengepala peringkat pertama
Tajuk tahap kedua
Tajuk peringkat ketiga
Tajuk peringkat keempat
Tajuk tingkatan 5
Tajuk tahap enam
Ia akan kelihatan seperti ini dalam penyemak imbas:
Tag reka bentuk teks badan
Membenarkan pemformatan pada tahap aksara. Mari lihat apa yang boleh anda lakukan dengan mereka.
Fon tebal
Perlu menumpukan perhatian pada teks. Ia juga penting untuk enjin carian; mereka boleh menyerlahkan kata kunci.
Bertanggungjawab untuk tag gaya berani Dan .
Superskrip dan subskrip
Ia boleh digunakan dalam formula, persamaan, dan penetapan kuantiti tertentu.
Teg bertanggungjawab untuk membuat subskrip , untuk yang teratas teg digunakan .
X 1=32 m 2
Mengecilkan saiz
Jika anda perlu menjadikan teks satu kurang daripada nilai yang ditetapkan di seluruh halaman, maka anda perlu menggunakan teg
Teks kosong. Teks yang dikurangkan.
Garis bawah
Jenis penyerlahan ini boleh digunakan untuk menunjukkan perubahan yang dibuat pada dokumen atau hanya untuk menarik perhatian kepada teks.
Teks kosong. Teks bergaris bawah.
Strikethrough
Anda boleh memotong maklumat jika ia sudah hilang kaitannya. Ini adalah tag untuk ini
.
Italic
Ia diperlukan untuk menumpukan perhatian pada teks, dan boleh dibuat dengan tag atau .
Input teks komputer
Ia berlaku bahawa anda perlu menambah kod sumber program dan hasil kerjanya ke halaman web. Untuk memudahkan untuk membezakan secara visual bahagian teks yang berlainan antara satu sama lain, pembangun HTML memperkenalkan teg kumpulan ini.
Ke dalam bekas
mengandungi kod program dan pembolehubahnya diserlahkan dengan teg
, dan hasil pelaksanaan ialah
. bekas
mengandungi teks yang pengguna mesti masukkan dari papan kekunci semasa bekerja dengan program, dan semua yang disertakan dalam tag
, mengekalkan format asal termasuk ruang tambahan dan putus baris.
Justeru a, b, c, Di sini hasil pelaksanaan program , dan ini adalah pengguna memasukkan teks dipaparkan sesuatu seperti ini
.
Petikan dan definisi
Kod program akan kelihatan seperti
Justeru
, pembolehubah ditetapkan seperti berikut:
a, b, c
, Di sini
hasil pelaksanaan program
, dan ini adalah
pengguna memasukkan teks
. Kekalkan pemformatan asal
dipaparkan sesuatu seperti ini
.
Petikan dalam teg blockquote.Petikan di dalam bekas petikan.
Petikan pendek bertanda q.
Contoh am
Untuk lebih memahami tanggungjawab setiap teg dan cara ia berfungsi, lihat kod berikut dan hasil pelaksanaannya.
Berlemak teks boleh dijadikan tag kuat Dan b. belakang huruf condong jawab em Dan i.
Tag sub Dan sup digunakan untuk mencipta lebih rendah(x 1…x n) Dan atas (42=16) indeks. Del menconteng, dalam - menekankan.
Tag kod, kbd, var Dan samp jarang digunakan dan diperlukan untuk memaparkan senarai program
abbr diperlukan untuk menunjukkan singkatan ( HTML). Teg sekatan, petikan dan q digunakan untuk memformat petikan ( Langit sudah bernafas pada musim luruh
)
Teg pra menjimatkan pemformatan awal teks tanpa mengalihkan ruang atau pemisah baris.
Penyemak imbas mentafsir kod ini seperti berikut:
Tag kumpulan
Ia adalah perlu bahawa teks tidak mengalir dalam satu baris berterusan, tetapi dipecahkan kepada komponen logik.
- Di dalam tag adalah perenggan.
Perenggan pertama
Perenggan kedua
- Tag
membuat peralihan kepada baris seterusnya di dalam perenggan (tidak akan ada lekukan sebelum baris).
membolehkan anda melukis garisan mendatar. Anda boleh menggunakannya untuk memisahkan teks dengan lebih jelas. Atribut lebar, saiz, warna, selaraskan Dan noshade tetapkan lebar, ketebalan, warna, penjajaran dan kekurangan kesan 3D garisan, masing-masing.
Garisan di atas garisan.
Garisan di bawah garisan.
Garis html merah boleh ditetapkan 4 cara yang berbeza. Walaupun terdapat piawaian tertentu untuk fenomena ini bahasa yang diberikan tidak menyediakan pengaturcaraan, jadi tiada sekatan dalam hal ini. Dalam artikel ini kami akan menggunakan tidak cukup set standard bermaksud membuat garis merah.
kaedah pertama
Ia bernilai bermula dengan kaedah yang paling biasa. Hanya dalam kes ini adalah perlu untuk menggunakan jadual berlatarkan, kerana CSS berkait rapat dengan bahasa penanda hiperteks. Baris html merah boleh ditetapkan menggunakan sifat "teks-inden". Ia cukup untuk menunjukkan elemen yang dikehendaki dan jarak yang akan digunakan untuk lekukan di sebelah kiri dokumen. Sebagai contoh, menulis: "p (text-indent: 20px;)" bermakna garis merah 20 piksel akan dibuat dalam setiap perenggan p. Anda boleh menggunakan mana-mana blok teks sebagai elemen yang anda tentukan nilainya. Sebenarnya harta ini tidak menetapkan garis merah, tetapi hanya menunjukkan inden untuk baris pertama elemen yang dipilih. Tetapi siapa yang akan melihat perbezaannya? Sifat "inden teks" boleh mengambil masa tiga jenis yang berbeza nilai:
- Mana-mana unit ukuran yang diterima umum, contohnya px (piksel), dalam (inci), pt (mata) dan lain-lain.
- Nilai peratusan. DALAM dalam kes ini jarak dari elemen induk diambil kira.
- mewarisi. Apabila dinyatakan nilai yang diberi harta itu akan diwarisi daripada unsur induk.
kaedah ke-2
Dalam html, garis merah boleh ditetapkan tanpa menyambungkan jadual berlatarkan. Ia cukup untuk meletakkannya sebelum watak pertama kod sumber muka surat dengan beberapa ruang. Anda hanya perlu menggunakan aksara khas, iaitu “ ”, kerana jika anda meletakkan ruang biasa, maka hanya satu sahaja yang akan diambil kira. Dan menggunakan daripada simbol ini anda boleh menetapkan lekukan yang diperlukan. Garis HTML merah sedemikian tidak akan mempunyai aplikasi global, dan anda perlu menambah semua ruang secara manual. Tolak ini akan membebankan anda apabila bekerja dengannya jumlah yang besar dokumen. Kaedah ini juga akan mengisytiharkan kod halaman anda tidak sah.
kaedah ke-3
Kesimpulan
Sebagai kesimpulan, kita boleh mengatakan bahawa html bersama-sama dengan CSS membolehkan anda mencipta pelbagai jenis kesan. Kadang-kadang sifat dan elemen tidak digunakan untuk tujuan yang dimaksudkan, tetapi anda tidak seharusnya menyimpang terlalu banyak nilai piawai tag
– dalam proses mencipta tapak web, kita perlu banyak bekerja dengan blok teks, atau frasa teks. Pada suatu hari, saya perlu menambah frasa teks sedemikian rupa sehingga sebelum frasa teks ini terdapat beberapa teks inden daripada html tepi blok di mana teks ini ditambahkan.
Jadi, kaedah pertama adalah yang paling semula jadi dan mudah. Untuk mengesot sebelum teks, tambah sebelum teks kod html ruang - Anda boleh menambah kod ruang html dalam mana-mana editor html.
Berikut ialah contoh kod kerja untuk menetapkan lekukan untuk teks menggunakan kod ruang:
HTML lekukan teks kiri, gunakan kod ruang
DALAM dalam contoh ini, sebelum teks yang kami pilih, kod ruang ialah ditambah empat kali, sebagai hasilnya, kami mendapat inden yang kami perlukan.
Kami tahu bahawa kod ruang diproses oleh mana-mana pelayar. Oleh itu, dengan menambah bilangan ruang yang diperlukan sebelum teks, anda boleh mendapatkan lekukan yang diperlukan untuk teks.
Kaedah ini bagus kerana ia dijamin diproses oleh mana-mana pelayar.
Tetapi kaedah ini Terdapat kelemahan yang ketara. Untuk memasukkan teks cukup lama dalam kod html, anda perlu menambah sebelum teks sejumlah besar watak ruang, yang mungkin kelihatan tidak sedap dipandang, besar dan tidak profesional.
Satu penyelesaian kepada masalah ini ialah kaedah menetapkan lekukan berikut.
Lekukan teks HTML, kaedah dua - kaedah ini berdasarkan sifat tag blok sebut. Teg ini menetapkan inden kira-kira 40 piksel di kiri dan kanan untuk teks yang diletakkan di dalamnya. Di samping itu, lekukan dinyatakan di bahagian atas dan bawah. Contoh html Kod untuk menggunakan kaedah ini diberikan di bawah:
di sebelah kiri, gunakan tag blockquote
Seperti yang anda lihat, kaedah menetapkan lekukan untuk teks ini sangat mudah digunakan, tetapi kaedah ini juga mempunyai kelemahan yang ketara. Lekukan yang ditetapkan oleh teg blockquote adalah tetap dan sentiasa sama dengan nilai yang sama – 40px.
Untuk membetulkan keadaan, dan apabila menambah lekukan html dan untuk teks untuk dapat menetapkan sebarang nilai, kami akan menggunakan kaedah ketiga.
Lekukan teks HTML, kaedah tiga.
Di sini kita akan menggunakan sifat inden teks CSS Cascading Style Sheets.
Jika anda membuka Rujukan CSS, pada halaman dengan penerangan tentang sifat inden teks, kita akan melihat bahawa menggunakan inden teks, kita boleh menetapkan nilai lekukan baris pertama atau perenggan pertama, atau mana-mana blok teks.
Kami sedang mempertimbangkan contoh dengan blok teks pendek, jadi sifat inden teks agak sesuai untuk kes kami.
Di bawah ialah kod html yang menginden teks menggunakan teks-inden. Daripada contoh itu adalah jelas bahawa tetapan untuk inden teks makna yang berbeza argumen, kita boleh menukar jumlah lekukan teks:
HTMLlekukanteks, berfungsi gaya CSS - inden teks
Pada pendapat saya, kaedah menetapkan inden untuk teks ini adalah yang paling optimum, tetapi, bagaimanapun, mari kita pertimbangkan cara lain untuk menetapkan inden, menggunakan imej.
Lekukan teks HTML, kaedah keempat - di sini kita akan menggunakan imej untuk menetapkan lekukan.
Sebagai contoh yang berfungsi, mari kita segera melihat kod html yang menunjukkan cara kaedah ini berfungsi:
di sebelah kiri, gunakan imej
Daripada contoh di atas jelas kelihatan bahawa dengan menukar lebar imej, kita boleh menukar kedudukan teks, iaitu, menetapkan inden yang dikehendaki untuk teks.
Sebagai imej, anda boleh menggunakan imej yang lebar dan tingginya sama dengan satu piksel. Untuk mengelakkan imej yang kami gunakan daripada kelihatan pada halaman, kami akan menetapkan warnanya sama persis dengan latar belakang halaman tapak.
Pada pendapat saya, kaedah di atas untuk menetapkan inden untuk teks adalah cukup untuk mengatur lekukan yang anda perlukan dalam apa jua keadaan semasa menambah kandungan pada halaman tapak anda.
Jadi, mari kita mula belajar secara langsung bahasa HTML. Akhirnya, beberapa perkataan lagi di luar topik.
Dalam proses penyampaian bahan, banyak contoh akan diberikan, yang saya nasihatkan anda lakukan sendiri. Selepas menaip teks contoh, pastikan anda melihat apa yang anda dapat (saya rasa anda sendiri akan berminat). Jika anda menggunakan editor HTML khusus, maka, sebagai peraturan, program sedemikian mempunyai penyemak imbas terbina dalam sendiri, yang mana anda boleh melihat hasil kerja anda.
Jika perkara yang sangat sukar, dan anda menggunakan pad nota biasa, maka untuk melihatnya anda perlu menyimpan teks asal dengan sambungan .htm atau .html, dan kemudian lihat fail yang disimpan dalam penyemak imbas. Jika anda mempunyai Windows, maka pelayar internet Explorer dibina secara automatik semasa pemasangan sistem.
Nah, nampaknya itu sahaja.
Mari berniaga.
Tag yang diperlukan (tag)
Terdapat beberapa teg HTML asas yang mesti ada dalam teks mana-mana halaman Web. Setiap halaman Web mesti mengandungi tag (tag) , terletak pada awalnya. Tag (tag) ini menerangkan dokumen anda sebagai halaman Web dalam format HTML. Tepat di belakang pemegang biasanya diikuti dengan tag (tag) , yang menunjukkan kehadiran teks yang mengandungi nama halaman dan maklumat tambahan tentang dia.
Bahagian HEAD biasanya mengandungi tag (tag)
Editor HTML biasa sudah mempunyai set tag (tag) di atas semasa membuat halaman baharu. Harus dikatakan bahawa pilihan nama untuk halaman Web harus diambil dengan sangat serius, kerana ia digunakan oleh enjin carian untuk mencipta katalog halaman Web. Enjin carian ialah tapak web yang membantu pengguna mencari maklumat yang mereka minati dengan cepat. Halaman anda lebih berkemungkinan ditemui oleh enjin carian yang diberikan set khusus kata kunci cari jika perkataan ini terdapat dalam tajuk halaman. Antara yang paling popular enjin carian harus dipanggil Yandex, Google, Aport, Yahoo, Rambler.
Buat perenggan, aksara ruang, tajuk
Pelayar web biasanya tidak mengambil kira aksara baris baharu yang dimasukkan ke dalam teks oleh pengguna pada peringkat pembentukannya. Untuk memulakan perenggan baharu, gunakan teg (tag)
.
Selepas membuka halaman dalam tetingkap penyemak imbas Web, semua perenggan teksnya ditandai dengan tag (tag)
, dipisahkan baris kosong, yang menambah baik reka letak dan penampilannya.
Secara lalai, penyemak imbas biasanya memformat perenggan dengan penjajaran kiri. Untuk memaksa penjajaran, gunakan atribut penjajaran. Dengan bantuannya, perenggan boleh dijajarkan ke kiri, kanan, tengah dan wajar.
Contoh:
|
Kod HTML: perenggan dijajar ke kiri... perenggan dijajarkan ke kanan... perenggan dijajarkan ke tengah... perenggan adalah wajar... |
Paparan penyemak imbas: perenggan dijajarkan perenggan kiri dijajarkan perenggan kiri perenggan dijajarkan perenggan kiri dijajarkan perenggan kiri perenggan dijajarkan perenggan kiri perenggan dijajarkan perenggan kiri perenggan dijajarkan perenggan kiri perenggan dijajarkan perenggan kiri perenggan dijajar ke kiri perenggan sejajar dengan perenggan kanan sejajar dengan perenggan kanan sejajar dengan perenggan kanan sejajar dengan perenggan kanan sejajar dengan perenggan kanan sejajar dengan perenggan kanan sejajar dengan perenggan kanan sejajar dengan perenggan kanan sejajar dengan kanan. perenggan diselaraskan ke perenggan tengah dijajarkan ke perenggan tengah perenggan diselaraskan ke perenggan tengah perenggan diselaraskan ke perenggan tengah perenggan diselaraskan ke perenggan tengah perenggan diselaraskan ke perenggan tengah perenggan diselaraskan ke perenggan tengah perenggan diselaraskan dengan perenggan tengah dijajarkan ke tengah perenggan beralasan perenggan beralasan perenggan beralasan perenggan beralasan perenggan beralasan perenggan beralasan perenggan beralasan perenggan beralasan perenggan beralasan perenggan beralasan |
Pelayar web secara automatik membungkus teks dalam perenggan ke baris baharu. Jika tugasnya adalah untuk meletakkan sebarang gabungan perkataan dalam satu baris, maka tag digunakan untuk tujuan ini.
Untuk pergi ke baris baru tag digunakan
. Ia memberitahu pelayar untuk berhenti meletakkan teks dan elemen halaman lain di dalamnya talian semasa dan pergi ke baris baharu. Teg (tag) ini tidak mempunyai rakan slashnya, yang dipanggil tag penutup (tag).
Penggunaan utama teg ini adalah untuk memaksa elemen sebaris diletakkan di lokasi tertentu pada halaman. Ia juga mudah dalam kes di mana perlu untuk membesarkan kawasan kosong antara elemen berasingan muka surat.
Selamat petang wahai pembaca sekalian. Hari ini nota ringkas tentang cara melakukannya garis merah untuk setiap perenggan pada halaman html. Jika sesiapa tidak tahu, garis merah ialah lekukan baris pertama dalam blok teks. Lekukan sedemikian dalam perenggan boleh didapati dalam hampir mana-mana teks bercetak, tetapi apabila membuat tapak web, reka bentuk garis merah agak jarang berlaku, walaupun pada hakikatnya ia menjadikan teks lebih mudah untuk dilihat. Sekiranya pelanggan tiba-tiba meminta perenggan di laman webnya dimulakan dengan garis merah, maka saya memberi anda resipi mudah untuk menyelesaikan masalah ini.
Anda boleh menyelesaikan masalah dalam banyak cara, sebagai contoh, anda boleh memasukkan beberapa berturut-turut pada permulaan setiap perenggan. watak istimewa, tetapi ini mungkin mengambil masa yang agak lama. Oleh itu, saya mengesyorkan menggunakan Harta CSS inden teks, yang menetapkan inden baris pertama blok teks. Dalam kes ini, tiada kesan dibuat pada baris yang tinggal.
Sifat inden teks mempunyai sintaks mudah:
inden teks:<значение> | <проценты>| mewarisi
Anda boleh menentukan piksel (px), titik (pt) dan unit lain yang diterima dalam CSS sebagai nilai. Nilai menentukan jumlah untuk mengalihkan teks baris pertama ke kanan dari kedudukan permulaan. Ia boleh diterima untuk menentukan nilai negatif, maka teks akan bergerak ke kiri. Apabila menentukan nilai peratusan, lekukan baris pertama dikira bergantung pada lebar blok teks.
Jika anda perlu menambah garis merah pada satu perenggan sahaja, anda boleh melakukan ini:
Keputusan:
Terdapat sebatang pokok oak di tepi jalan. Ia mungkin sepuluh kali lebih tua daripada birch yang membentuk hutan, sepuluh kali lebih tebal dan dua kali lebih tinggi daripada setiap birch. Ia adalah pokok oak yang besar, dua kali lilit, dengan dahan patah dan kulit kayu ditumbuhi kudis lama. Dengan lengan dan jari jemari yang besar, kekok, terhampar tidak simetri, dia berdiri seperti orang tua yang marah dan menghina di antara pokok birch yang tersenyum. Hanya dia sahaja yang tidak mahu tunduk kepada pesona musim bunga dan tidak mahu melihat sama ada musim bunga atau matahari.
Atau tambahkan pada perenggan yang sepatutnya bermula dengan garis merah atribut kelas dan tambah gaya yang diingini:
Putera Andrei melihat semula pokok oak ini beberapa kali semasa memandu melalui hutan. Terdapat bunga dan rumput di bawah pokok oak, tetapi dia masih berdiri di tengah-tengahnya, muram, tidak bergerak, hodoh dan degil.
Keputusan:
Putera Andrei melihat semula pokok oak ini beberapa kali semasa memandu melalui hutan. Terdapat bunga dan rumput di bawah pokok oak, tetapi dia masih berdiri di tengah-tengahnya, muram, tidak bergerak, hodoh dan degil.
Sekarang anda boleh dengan mudah buat garis merah pada anda halaman html . Jumpa lagi!
