HTML+CSS Mudah untuk bermula dengan teg HTML asas (2)
Hiperpautan
Format: <a href=''></a>
Contoh berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="php.cn">php中文網(wǎng)</a> </body> </html>
Nota: href ialah atribut penting bagi teg href="pautan ke tempat", seperti Baidu, Taobao, dll.
Apakah pautan kosong?
Untuk menulis pautan kosong, gunakan kekunci #
Kodnya adalah seperti berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#">php中文網(wǎng)</a> </body> </html>
Dengan cara ini, tidak akan ada respons apabila kami mengklik pada pautan
Cara menggunakan tag gaya css
<style>< ;/style>
Nota: Teg gaya Ditulis dalam fail pengepala, kodnya adalah seperti berikut
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*寫入css樣式*/ </style> </head> <body> 歡迎來(lái)到php中文網(wǎng) </body> </html>
Nota: Atribut jenis diperlukan dan mentakrifkan kandungan elemen gaya. Satu-satunya nilai yang mungkin ialah "teks/css".
Begitu juga dengan menulis kod skrip:
Seperti yang ditunjukkan dalam kod berikut
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //寫入腳本代碼 </script> </head> <body> 歡迎來(lái)到php中文網(wǎng) </body> </html>
Atribut jenis menentukan jenis skrip
Teg imej
<img> teg ditunjukkan dalam kod berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 歡迎來(lái)到php中文網(wǎng) <img src="images/1.jpg"> </body> </html>
Jika imej ini wujud, kami akan memaparkan ia
Memperkenalkan gaya atau skrip luaran
Memperkenalkan gaya luaran, contohnya, saya mencipta gaya Fail .css, halaman semasa saya akan menggunakan gaya dalam fail style.css
seperti yang ditunjukkan dalam kod berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> 歡迎來(lái)到php中文網(wǎng) </body> </html>
Dengan cara ini, kami telah memperkenalkan gaya
Memperkenalkan fail skrip asing
Kod berikut ditunjukkan:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="index.js"></script> </head> <body> 歡迎來(lái)到php中文網(wǎng) </body> </html>