Rumah >hujung hadapan web >html tutorial >Penjelasan terperinci tentang komen dan warna HTML (nama warna, nilai perenambelasan)
Artikel ini akan memperkenalkan anda kepada komen dan warna HTML, serta berkongsi beberapa nama warna dan nilai perenambelasan yang biasa digunakan, saya harap ia akan membantu semua orang!
1. Komen HTML (dengan contoh)
Komen HTML digunakan terutamanya untuk mengulas pada kandungan dalam dokumen Kod diterangkan, dan ulasan juga merupakan sebahagian daripada kod, tetapi penyemak imbas secara automatik mengabaikan kandungan ulasan, jadi pengguna tidak dapat melihat ulasan pada halaman web.
Kita harus menggunakan ulasan dengan baik semasa menulis kod, kerana dokumen HTML yang lengkap selalunya terdiri daripada ratusan atau ribuan baris kod, dan mungkin mengambil masa yang lama apabila kita ingin mengubah suai bahagian tertentu daripadanya Selepas itu barulah anda boleh mencari tempat yang anda ingin ubah suai. Dengan ulasan, ia berbeza Kami boleh membahagikan program kepada beberapa bahagian mengikut fungsi atau syarat lain dan menandakannya dengan ulasan Ini boleh membantu anda dan orang lain membaca kod anda dan meningkatkan kebolehbacaan kod.
Komen satu baris
Dalam HTML anda boleh menggunakan <!-- --> untuk menambah ulasan dalam kod, <!-- dan - -> Segala-galanya di antara ; Kod sampel adalah seperti berikut:
<!DOCTYPE html> <html> <!-- head 开始 --> <head> <meta charset="UTF-8"> <!-- 当前文档采用UTF-8编码 --> <title>HTML注释的写法</title> </head> <!-- head 结束 --> <!-- body 开始 --> <body> <!-- 一段文本 --> <p>欢迎来到PHP中文网</p> </body> <!-- body 结束 --> </html>
Ulasan boleh muncul di mana-mana dalam dokumen HTML, termasuk di awal dokumen, di penghujung dokumen, di tengah dokumen, di luar teg , dalam kandungan teg, dsb.
Ulasan berbilang baris
Kami kebanyakannya menunjukkan ulasan satu baris sebelum ini, tetapi ulasan berbilang baris turut disokong dalam HTML. Perbezaan antara komen berbilang baris dan komen satu baris tidaklah besar. Kami hanya perlu memastikan kandungan ulasan adalah antara <!--
dan -->, seperti yang ditunjukkan di bawah:
<!-- 多行注释 -->
Selain menggunakan komen, anda boleh Selain menerangkan kod, ia juga boleh digunakan untuk mengulas kod dalam program Contohnya, apabila anda tidak mahu sekeping kod tertentu dilaksanakan, anda boleh mengulasnya keluar dahulu supaya penyemak imbas tidak akan melaksanakan kod tersebut.
Komen Bersyarat IE
Komen bersyarat hanya sah dalam Internet Explorer (IE) pada sistem Windows, pelayar lain akan mengabaikannya. Bermula dari IE5, ulasan bersyarat disokong Anda boleh menggunakan ulasan bersyarat untuk memberikan beberapa arahan kepada pengguna menggunakan pelayar IE. Seperti yang ditunjukkan di bawah:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>IE浏览器条件注释</title> </head> <body> <h4>根据不同的 IE 版本显示不同的内容</h4> <!-- 如果使用 IE,则显示 --> <!--[if IE]> <p>您正在使用IE浏览器</p> <![endif]--> <!-- 如果使用 IE8,则显示 --> <!--[if IE 8]> <p>您正在使用 IE8</p> <![endif]--> <!-- 如果不是使用 IE7,则显示 --> <!--[if !IE 7]> <p>您使用的不是 IE7</p> <![endif]--> <!-- 如果版本小于 IE10,则显示 --> <!--[if lt IE 10]> <p>您正在使用 IE10 以下的版本</p> <![endif]--> <!-- 如果版本大于等于 IE6,则显示 --> <!--[if gte IE 6]> <p>您正在使用 IE6 及其以上的版本</p> <![endif]--> </body> </html>
Kesan berjalan di bawah IE8:
Kesan berjalan di bawah penyemak imbas Chrome:
Komen bersyarat boleh mengesan sama ada penyemak imbas semasa ialah IE dan versi IE boleh memuatkan helaian gaya atau skrip JS yang berbeza mengikut pelayar IE yang berbeza.
Membandingkan versi IE akan menggunakan kata kunci berikut:
lt: singkatan kurang daripada, yang bermaksud kurang daripada.
lte: pendek untuk kurang daripada atau sama dengan, yang bermaksud kurang daripada atau sama dengan.
gt: Singkatan lebih besar daripada, yang bermaksud lebih besar daripada.
gte: Singkatan untuk lebih besar daripada atau sama dengan, yang bermaksud lebih besar daripada atau sama dengan.
!: Tidak sama dengan
Pelayar IE tidak begitu mesra dengan sokongan HTML5, dan tingkah laku versi yang lebih rendah IE telah ditarik balik secara beransur-ansur Di pasaran, gergasi Internet utama tidak lagi serasi dengan IE, dan semua orang tidak perlu memberi tumpuan kepada IE semasa proses pembangunan.
2. Tetapan nilai warna HTML
Warna HTML ialah campuran merah, hijau dan biru.
1. Semua penyemak imbas menyokong set nama warna Nilai warna ialah kata kunci atau nombor dalam format RGB, yang digunakan secara meluas di tengah-tengah halaman web.
2. Gunakan perkataan bahasa Inggeris sebagai nilai warna:
merah biru |.
3. Nilai warna heksadesimal enam digit:
#ff0000 Singkatan: #f00
Dua digit pertama mewakili merah, dan dua digit tengah mewakili merah. Warnanya hijau, dan dua digit terakhir mewakili biru.
Klik nama warna atau nilai heksadesimal untuk melihat warna latar belakang yang sepadan dengan warna teks yang berbeza.
Nama Warna | HEX | Warna | |
---|---|---|---|
AliceBlue | #F0F8FF | ||
Putih Antik | #FAEBD7 | ||
Aqua | #00FFFF | ||
Aquamarine | #7FFFD4 | ||
Azure | #F0FFFF | ||
Beige | #F5F5DC | ||
Bisque | #FFE4C4 | ||
Hitam | #000000 | ||
BlanchedAlmond | #FFEBCD | ||
Biru > | #0000FF|||
#8A2BE2 | |||
#A52A2A | |||
#DEB887 | |||
#7FFF00 | Coklat | ||
#D2691E | Karang | ||
Bunga Jagung Biru | |||
Sutera jagung | #FFF8DC | ||
Crimson | #DC143C | ||
Cyan | #00FFFF | ||
Biru Gelap | #00008B | ||
DarkCyan | #008B8B | ||
DarkGoldenRod | #B8860B | ||
#A9A9A9 | |||
#006400 | |||
#BDB76B | > | ||
#8B008B | DarkOliveGreen | ||
#556B2F | |||
#9932CC | Merah Gelap | ||
#8B0000 | DarkSalmon | ||
DarkSeaGreen | |||
DarkSlateBlue> | |||
DarkSlateGray | |||
DarkTurquoise | #00CED1 | ||
DarkViolet | #9400D3 | ||
Deep | #FF1493 | ||
DeepSkyBlue | #00BFFF | ||
DimGray | #696969 | ||
DodgerBlue | #1E90FF | ||
Bata Api | #B22222 | ||
Putih Bunga | Putih Bunga >#FFFAF0 | ||
Hijau Hutan | #228B22 | ||
Fuchsia | #FF00FF | ||
Gainsboro | #DCDCDC | ||
GhostWhite | #F8F8FF | ||
Emas | #FFD700 | ||
GoldenRod | #DAA520 | ||
#808080 | Hijau | ||
#008000 | HijauKuning> | ||
HoneyDew | |||
HotPink | #FF69B4 | ||
IndianRed | #CD5C5 | ||
Indigo | #4B0082 | ||
Gading | #FFFFF0 | ||
Khaki | #F0E68C | ||
Lavender | #E6E6FA | ||
LavenderBlush | #FFF0F5 | ||
LawnHijau | #7CFC00 | ||
LemonChiffon | #FFFACD | ||
Biru Muda > | #ADD8E6 | ||
LightCoral | # F08080 | ||
LightCyan | #E0FFFF | 🎜> | |
LightGoldenRodYellow | #FAFAD2 | ||
#D3D3D3 | |||
Hijau Cerah>#90EE90 | |||
#FFB6C1> | LightSalmon | ||
#FFA07A | LightSeaGreen | ||
Light Blue 🎜> | |||
LightSlateGray | #778899 | ||
LightSteelBlue | #B0C4DE | ||
Light | #FFFFE0 | ||
Lime | #00FF00 | ||
LimeGreen | #32CD32 | ||
Linen | #FAF0E6 | ||
Magenta | #FF00FF | ||
Maroon | #800000 | ||
MediumAquaMarine | #66CDAA > | ||
MediumBlue | #0000CD | ||
MediumOrchid | #BA55D3 | ||
🎜 🎜>#3CB371 | MediumSlateBlue | ||
#7B68EE | MediumSpringGreen | ||
> | MediumTurquoise | ||
#48D1CC | Medium | ||
MidnightBlue | |||
MintCream | #F5FFFA | ||
MistyRose | #FFE4E1 | ||
Moccasin | #FFE4B5 | ||
NavajoWhite | #FFDEAD | ||
Tentera Laut | #000080 | ||
OldLace | #FDF5E6 | ||
Olive | #808000 | ||
OliveDrab | >#6B8E23 | ||
Oren | #FFA500 | ||
OrenMerah | #FF4500 | ||
Orkid | #DA70D6 | ||
PaleGoldenRod | #EEE8AA | ||
Hijau Pucat | #98FB98|||
#AFEEEE | PaleVioletRed | ||
#DB7093 | > | ||
#FFEFD5 | |||
#FFDAB9 | Peru | ||
#CD853F | Merah jambu | #FFC0CB | |
Plum | #DDA0DD | ||
PowderBlue | #B0E0E6 | ||
Ungu | #800080 | ||
Merah | #FF0000 | ||
RosyBrown | >#BC8F8F | ||
RoyalBlue | #4169E1 | ||
SaddleBrown | #8B4513 | ||
#FA8072 | |||
> | #F4A460|||
# 2E8B57 | |||
#FFF5EE | > | Sienna | |
#A0522D | Perak | ||
#C0C0C0 | SkyBlue | ||
SlateBlue | |||
SlateGray | #708090 | ||
Salji | #FFFAFA | ||
SpringGreen | #00FF7F | ||
SteelBlue | #4682B4 | ||
Tan | #D2B48C | ||
Teal | #008080 | ||
Thistle | #D8BFD8 | ||
Tomato | #FF6347 | ||
Turquoise | #40E0D0 | ||
Violet | #EE82EE | ||
Gandum | >#F5DEB3 | ||
Putih | #FFFFFF | ||
WhiteSmoke | #F5F5F5 | > | |
Kuning | #FFFF00 | ||
KuningHijau | #9ACD32 |
Web安全色
数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安兜色使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。我们不确定如今各使用因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。最初,216 跨平台 web 安全色被用来确保:当计算机使用 256 跨平台 web计算机能够正确地显示所有的颜色。 相关推荐:《html视频教程》
Atas ialah kandungan terperinci Penjelasan terperinci tentang komen dan warna HTML (nama warna, nilai perenambelasan). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!