masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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中文网</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中文网</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>
		欢迎来到php中文网
</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>
		欢迎来到php中文网
</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>
		欢迎来到php中文网
		<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>
		欢迎来到php中文网
</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>
		欢迎来到php中文网
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*写入css样式*/ </style> </head> <body> 欢迎来到php中文网 </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492782 permainan