masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

HTML+CSS Tag HTML Asas untuk kemasukan mudah (1)

Ulasan dalam html

<!--Kandungan-->

Terdapat banyak tag HTML Anda boleh rujuk manual Seterusnya, kami akan menerangkan beberapa tag yang biasa kami gunakan

Pertama sekali, mari kita bincangkan perenggan tag P (p)

. 
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
		<p>大家好</p>
</body>
</html>

Kemudian kita akan menyemak imbas Run pada komputer, outputnya ialah: Hello everyone

Lihat kod berikut: 

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
		<p>大家好</p>
		<p>大家好！</p>
</body>
</html>

Perenggan akan membalut dirinya sendiri, jadi outputnya ialah:

Hello semua

Hello semua

<meta>----- ialah tag tambahan dalam tag kepala, biasanya digunakan untuk menetapkan pengekodan , dan mengoptimumkan kata kunci untuk promosi, dsb.

<br> -------Pemutus baris

<font> ---------Formatkan teks

<jadual>------Jadual

<span> ------Teg sebaris

Petua dan Nota:

Petua: Gunakan <span> untuk mengumpulkan elemen sebaris untuk memformatkannya dengan gaya.

Nota: span tidak mempunyai perwakilan format tetap. Ia hanya berubah secara visual apabila anda menggunakan gaya padanya.

<h1> hingga <h6>-----Kawal saiz fon

<div>----- --Pisah dokumen kepada bahagian bebas dan berbeza (kami akan menerangkannya apabila kami mempelajari css)

<hr>-------Tajuk dan tajuk dipisahkan oleh garis mendatar Perenggan

Seterusnya, mari kita jelaskan dahulu tag mudah ini

Kod berikut:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<p>大家好<span>123456</span></p>
		<p>大家好</p>
		
		111111111111111<br>1111111111111111 <!--换行-->

		<hr>  <!--用来和以上隔开，有一条黑色的直线-->

		<font size='18' color="red">我们都一样</font>   <!--font设置字体大小，颜色-->

		<hr>

		<h1>中国</h1>
		<h2>中国</h2>
		<h3>中国</h3>
		<h4>中国</h4>
		<h5>中国</h5>
		<h6>中国</h6>

</body>	
</html>

Semua orang menyalin kod ke komputer anda, buat fail dengan akhiran .html dan kemudian Klik dua kali untuk pratonton

Jadual

Sila lihat kod berikut: 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<table>
			<tr>
				<th>美国</th>
				<th>日本</th>
				<th>中国</th>
			</tr>

			<tr>
				<td>123</td>
				<td>456</td>
				<td>789</td>
			</tr>

			<tr>
				<td>123</td>
				<td>456</td>
				<td>789</td>
			</tr>
		</table>
</body>
</html>

Jadual terdiri daripada baris dan lajur Secara tepat, ia tidak boleh dipanggil lajur, ia hanya boleh dipanggil sel

Teg <tr> <td> mewakili sel Tetapi kami sedang pratonton Ia dipaparkan dalam bentuk jadual, jadi ia dipanggil 3 baris dan 3 lajur untuk tajuk. Contohnya, kami membuat jadual mingguan dari hari Isnin hingga Ahad Perkataan ini perlu dicetak tebal, dsb.

Kod di atas menjalankan keputusan:

Amerika Syarikat Jepun China

123 456 789

123 456 789

Kami tidak biasa melihat jadual sedemikian, jadi izinkan saya menambah sempadan pada jadual

dalam kod di atas . Kami menambah sempadan='1' pada teg jadual dan kemudian kami menambah lebar dan tinggi pada lebar jadual="300" height="200"

Kod khusus adalah seperti berikut: 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<table border="1" width="300" height="200">
			<tr>
				<th>美国</th>
				<th>日本</th>
				<th>中国</th>
			</tr>

			<tr>
				<td>123</td>
				<td>456</td>
				<td>789</td>
			</tr>

			<tr>
				<td>123</td>
				<td>456</td>
				<td>789</td>
			</tr>
		</table>
</body>
</html>

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1" width="300" height="200"> <tr> <th>美国</th> <th>日本</th> <th>中国</th> </tr> <tr> <td>123</td> <td>456</td> <td>789</td> </tr> <tr> <td>123</td> <td>456</td> <td>789</td> </tr> </table> </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)  492514 permainan